Switch component with storybook and testing

.storybook/fonts.css

@@ -0,0 +1,7 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
+
+:root {
+  --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
+    "Segoe UI Emoji";
+}

.storybook/preview.js

@@ -1,4 +1,5 @@
 import "../app/globals.css";
+import "./fonts.css";
 
 /** @type { import('@storybook/react').Preview } */
 const preview = {
@@ -12,7 +13,7 @@ const preview = {
   },
   decorators: [
     (Story) => (
-      <div className="font-sans">
+      <div className="font-inter">
         <Story />
       </div>
     ),