implement responsive

packages/app/src/components/Navbar/GrowiContextualSubNavigation.tsx

@@ -159,7 +159,7 @@ const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps):
   );
   const SubNavButtons = dynamic<SubNavButtonsProps>(
     () => import('./SubNavButtons').then(mod => mod.SubNavButtons),
-    { ssr: false, loading: () => <Skelton width={245} additionalClass='btn-skelton py-2' /> },
+    { ssr: false, loading: () => <Skelton additionalClass='btn-skelton py-2' /> },
   );
 
   const { data: currentPage, mutate: mutateCurrentPage } = useSWRxCurrentPage();
@@ -313,7 +313,7 @@ const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps):
         <div className="d-flex flex-column align-items-end justify-content-center py-md-2" style={{ gap: `${isCompactMode ? '5px' : '7px'}` }}>
 
           { isViewMode && (
-            <div className="h-50">
+            <div className="h-50 w-100">
               <SubNavButtons
                 isCompactMode={isCompactMode}
                 pageId={pageId}