Only apply stable gutter to home page

src/assets/css/index.css

@@ -7,7 +7,6 @@ body {
   @apply bg-background-main font-open-sans text-type-text;
   min-height: 100vh;
   min-height: 100dvh;
-  scrollbar-gutter: stable;
 }
 
 html[data-full],

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} />

src/pages/PlayerView.tsx

@@ -1,6 +1,5 @@
 import { RunOutput } from "@movie-web/providers";
 import { useCallback, useEffect, useState } from "react";
-import { Helmet } from "react-helmet-async";
 import {
   Navigate,
   useLocation,
@@ -93,13 +92,6 @@ export function RealPlayerView() {
 
   return (
     <PlayerPart backUrl={backUrl} onMetaChange={metaChange}>
-      <Helmet>
-        <style type="text/css">{`
-          html, body {
-            scrollbar-gutter: auto;
-          }
-        `}</style>
-      </Helmet>
       {status === playerStatus.IDLE ? (
         <MetaPart onGetMeta={setPlayerMeta} />
       ) : null}