Add back scrollbar to homepage

src/assets/css/index.css

@@ -8,8 +8,6 @@ body {
   min-height: 100vh;
   min-height: 100dvh;
   font-size: 1.0248em;
-  scrollbar-width: none; /* Hide scrollbar for Firefox */
-  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
 }
 
 html[data-full],

src/pages/Discover.tsx

@@ -1,4 +1,5 @@
 import React, { useEffect, useRef, useState } from "react";
+import { Helmet } from "react-helmet-async";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router-dom";
 
@@ -439,6 +440,15 @@ export function Discover() {
   return (
     <HomeLayout showBg={showBg}>
       <div className="mb-16 sm:mb-2">
+        <Helmet>
+          {/* Hide scrollbar lmao */}
+          <style type="text/css">{`
+            html, body {
+              scrollbar-width: none;
+              -ms-overflow-style: none;
+            }
+          `}</style>
+        </Helmet>
         <PageTitle subpage k="global.pages.discover" />
         <ThinContainer>
           <div className="mt-44 space-y-16 text-center">

src/pages/HomePage.tsx

@@ -42,6 +42,11 @@ export function HomePage() {
     <HomeLayout showBg={showBg}>
       <div className="mb-16 sm:mb-24">
         <Helmet>
+          <style type="text/css">{`
+            html, body {
+              scrollbar-gutter: stable;
+            }
+          `}</style>
           <title>{t("global.name")}</title>
         </Helmet>
         <HeroPart searchParams={searchParams} setIsSticky={setShowBg} />