Patch/remove hooks

.storybook/preview.jsx

@@ -8,16 +8,82 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  layout: "centered",
+  viewport: {
+    defaultViewport: "iphone-12",
+    viewports: {
+      "iphone-se": {
+        type: "mobile",
+        styles: {
+          width: "375px",
+          height: "667px",
+        },
+        name: "iPhone SE",
+      },
+      "iphone-12": {
+        type: "mobile",
+        styles: {
+          width: "390px",
+          height: "667px",
+        },
+        name: "iPhone 12",
+      },
+      "ipad-portrait": {
+        type: "mobile",
+        styles: {
+          width: "768px",
+          height: "1024px",
+        },
+        name: "iPad Portrait",
+      },
+      "ipad-landscape": {
+        type: "mobile",
+        styles: {
+          width: "1024px",
+          height: "768px",
+        },
+        name: "iPad Landscape",
+      },
+      "small-desktop": {
+        type: "desktop",
+        styles: {
+          width: "1280px",
+          height: "800px",
+        },
+        name: "Small Desktop",
+      },
+      "medium-desktop": {
+        type: "desktop",
+        styles: {
+          width: "1600px",
+          height: "1024px",
+        },
+        name: "Medium Desktop",
+      },
+      "large-desktop": {
+        type: "desktop",
+        styles: {
+          width: "1920px",
+          height: "1080px",
+        },
+        name: "Large Desktop",
+      },
+    },
+  },
 };
 
 export const decorators = [
   Story => (
-    <div
+    <>
+    <style>{`#root {padding: 0 !important; width: 100%;}`}</style>
+    <main
+      className='w-full'
       style={{
         fontFamily: '"TG Praktikal", sans-serif',
       }}
     >
       <Story />
-    </div>
+    </main>
+    </>
   ),
 ];

eslint.config.mjs

@@ -0,0 +1,13 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+
+
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"]},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+];