refactor(web): move all types into typings folder

web/src/features/dev/debug/alert.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import { AlertProps } from '../../dialog/AlertDialog';
+import { AlertProps } from '../../../typings';
 
 export const debugAlert = () => {
   debugData<AlertProps>([

web/src/features/dev/debug/context.ts

@@ -1,4 +1,4 @@
-import { ContextMenuProps } from '../../../interfaces/context';
+import { ContextMenuProps } from '../../../typings';
 import { debugData } from '../../../utils/debugData';
 
 export const debugContext = () => {
@@ -16,22 +16,22 @@ export const debugContext = () => {
             colorScheme: 'blue',
             metadata: [
               {
-                ["label"]: "Body",
-                ["value"]: "55%",
-                ["progress"]: 55
+                ['label']: 'Body',
+                ['value']: '55%',
+                ['progress']: 55,
               },
               {
-                ["label"]: "Engine",
-                ["value"]: "100%",
-                ["progress"]: 100
+                ['label']: 'Engine',
+                ['value']: '100%',
+                ['progress']: 100,
               },
               {
-                ["label"]: "Oil",
-                ["progress"]: 11
+                ['label']: 'Oil',
+                ['progress']: 11,
               },
               {
-                ["label"]: "Fuel",
-                ["progress"]: 87
+                ['label']: 'Fuel',
+                ['progress']: 87,
               },
             ],
           },
@@ -56,7 +56,7 @@ export const debugContext = () => {
             progress: 80,
             icon: 'car-side',
             metadata: [{ label: 'Durability', value: '80%' }],
-            colorScheme: 'blue'
+            colorScheme: 'blue',
           },
           {
             title: 'Menu button',

web/src/features/dev/debug/input.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import { InputProps } from '../../dialog/InputDialog';
+import type { InputProps } from '../../../typings';
 
 export const debugInput = () => {
   debugData<InputProps>([

web/src/features/dev/debug/menu.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import { MenuSettings } from '../../menu/list';
+import { MenuSettings } from '../../../typings';
 
 export const debugMenu = () => {
   debugData<MenuSettings>([
@@ -34,7 +34,7 @@ export const debugMenu = () => {
             icon: 'car-side',
             description: 'Durability: 80%',
             colorScheme: 'blue',
-            iconColor: '#55778d'
+            iconColor: '#55778d',
           },
           { label: 'Option 1' },
           { label: 'Option 2' },

web/src/features/dev/debug/notification.ts

@@ -1,28 +1,30 @@
-import { CustomNotificationProps } from '../../notifications/NotificationWrapper';
+import { NotificationProps } from '../../../typings';
 import { debugData } from '../../../utils/debugData';
 
 export const debugCustomNotification = () => {
-  debugData<CustomNotificationProps>([
+  debugData<NotificationProps>([
     {
       action: 'notify',
       data: {
         title: 'Success',
         description: 'Notification description',
         type: 'success',
+        id: 'pogchamp',
       },
     },
   ]);
-  debugData<CustomNotificationProps>([
+  debugData<NotificationProps>([
     {
       action: 'notify',
       data: {
-        title: 'Info',
+        title: 'Success',
         description: 'Notification description',
-        type: 'info',
+        type: 'success',
+        id: 'pogchamp',
       },
     },
   ]);
-  debugData<CustomNotificationProps>([
+  debugData<NotificationProps>([
     {
       action: 'notify',
       data: {
@@ -32,7 +34,7 @@ export const debugCustomNotification = () => {
       },
     },
   ]);
-  debugData<CustomNotificationProps>([
+  debugData<NotificationProps>([
     {
       action: 'notify',
       data: {

web/src/features/dev/debug/progress.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import { ProgressbarProps } from '../../progress/Progressbar';
+import { ProgressbarProps } from '../../../typings';
 
 export const debugProgressbar = () => {
   debugData<ProgressbarProps>([

web/src/features/dev/debug/radial.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import type { MenuItem } from '../../menu/radial';
+import type { MenuItem } from '../../../typings';
 
 export const debugRadial = () => {
   debugData<{ items: MenuItem[]; sub?: boolean }>([

web/src/features/dev/debug/skillcheck.ts

@@ -1,5 +1,5 @@
 import { debugData } from '../../../utils/debugData';
-import { GameDifficulty } from '../../skillcheck';
+import { GameDifficulty } from '../../../typings';
 
 export const debugSkillCheck = () => {
   debugData<{ difficulty: GameDifficulty | GameDifficulty[]; inputs?: string[] }>([

web/src/features/dev/debug/textui.ts

@@ -1,4 +1,4 @@
-import { TextUiProps } from '../../textui/TextUI';
+import { TextUiProps } from '../../../typings';
 import { debugData } from '../../../utils/debugData';
 
 export const debugTextUI = () => {