feat: add custom scrollbar utilities to Tailwind configuration

apps/web/tailwind.config.ts

@@ -98,7 +98,38 @@ export default {
       },
     },
   },
-  plugins: [require("tailwindcss-animate")],
+  plugins: [
+    require("tailwindcss-animate"),
+    function ({
+      addUtilities,
+    }: {
+      addUtilities: (utilities: Record<string, any>) => void;
+    }) {
+      addUtilities({
+        ".scrollbar-hidden": {
+          "-ms-overflow-style": "none",
+          "scrollbar-width": "none",
+          "&::-webkit-scrollbar": {
+            display: "none",
+          },
+        },
+        ".scrollbar-x-hidden": {
+          "-ms-overflow-style": "none",
+          "scrollbar-width": "none",
+          "&::-webkit-scrollbar:horizontal": {
+            display: "none",
+          },
+        },
+        ".scrollbar-y-hidden": {
+          "-ms-overflow-style": "none",
+          "scrollbar-width": "none",
+          "&::-webkit-scrollbar:vertical": {
+            display: "none",
+          },
+        },
+      });
+    },
+  ],
   future: {
     hoverOnlyWhenSupported: true,
   },