web: settings reset confirmation, icons for small dialog

- cleaned up dialog i18n
- better red color
- made :active state visible for dialog buttons on mobile
- better body padding in small dialog
- better small dialog typing with optional values

web/src/lib/types/dialog.ts

@@ -2,17 +2,20 @@ import type { MeowbaltEmotions } from "$lib/types/meowbalt";
 
 export type DialogButton = {
     text: string,
-    color: "blue" | "red" | "default",
+    color?: "red",
     main: boolean,
     action: () => unknown | Promise<unknown>
 }
 
+export type SmallDialogIcons = "warn-red";
+
 export type DialogInfo = {
     id: string,
     type: "small",
-    meowbalt: MeowbaltEmotions | "",
-    title: string,
-    bodyText: string,
-    bodySubText: string,
+    meowbalt?: MeowbaltEmotions,
+    icon?: SmallDialogIcons,
+    title?: string,
+    bodyText?: string,
+    bodySubText?: string,
     buttons: DialogButton[],
 }