feat(web): developer drawer

Move all debug functions into a single developer drawer,

Not the best implementation as there is focus fighting going on between some elements and the drawer but will do for now without state management

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

@@ -0,0 +1,34 @@
+import {
+  CustomNotifiactionProps,
+  NotificationProps,
+} from "../../notifications/NotificationWrapper";
+import { debugData } from "../../../utils/debugData";
+
+export const debugNotification = () => {
+  debugData<NotificationProps>([
+    {
+      action: "notify",
+      data: {
+        description: "Dunak is nerd",
+        title: "Dunak",
+        id: 1,
+      },
+    },
+  ]);
+};
+
+export const debugCustomNotification = () => {
+  debugData<CustomNotifiactionProps>([
+    {
+      action: "customNotify",
+      data: {
+        description: "Dunak is nerd",
+        icon: "basket-shopping",
+        style: {
+          backgroundColor: "#2D3748",
+          color: "white",
+        },
+      },
+    },
+  ]);
+};