add option to clear suggestions

src/Views/settingsModal.tsx

@@ -1,6 +1,8 @@
 import * as React from "bloatless-react";
 
 import {
+  clearCategories,
+  clearStatuses,
   isPresentingSettingsModal,
   repairApp,
   toggleSettings,
@@ -8,6 +10,7 @@ import {
   zoomOut,
 } from "../Model/model";
 
+import { icons } from "../icons";
 import { translation } from "../translations";
 
 export function SettingsModal() {
@@ -30,12 +33,25 @@ export function SettingsModal() {
 
           <hr></hr>
 
-          <div class="flex-row width-input">
+          <div class="flex-column width-input">
             <button class="width-100 flex-1" on:click={repairApp}>
               {translation.repairApp}
               <span class="icon">handyman</span>
             </button>
           </div>
+
+          <hr></hr>
+
+          <div class="flex-column width-input gap">
+            <button class="width-100 flex-1" on:click={clearCategories}>
+              {translation.clearCategories}
+              <span class="icon">{icons.categoryName}</span>
+            </button>
+            <button class="width-100 flex-1" on:click={clearStatuses}>
+              {translation.clearStatuses}
+              <span class="icon">{icons.status}</span>
+            </button>
+          </div>
         </main>
         <button class="width-100" on:click={toggleSettings}>
           {translation.close}