feat(navbar) add fix style

components/Navbar.tsx

@@ -65,7 +65,9 @@ function Navbar() {
 
     return (
         <>
-            <div className={ `flex flex-col w-full max-w-[256px] mr-2 ml-8 min-h-screen pt-8 sticky` }>
+            <div
+                className={ `flex flex-col w-full max-w-[256px] mr-2 ml-8 min-h-screen max-h-screen pt-8 sticky` }>
+                <div className={ `fixed min-h-screen h-full` }>
                     <div className={ `flex justify-center items-center my-7` }>
                         <Image
                             src={ 'https://avatars.githubusercontent.com/u/46409277?v=4' }
@@ -113,11 +115,9 @@ function Navbar() {
                     </div>
 
                     <div
-                    className={ `absolute bottom-0 mb-8` }
+                        className={ `absolute bottom-8 mb-8` }
                     >
-                    <div className={ `flex flex-row justify-center` }>
                         <ThemeSwitcher />
-                        <p className={ `font-bold` }>{ `Toggle Theme` }</p>
                     </div>
                 </div>
             </div>

components/ThemeSwitcher.tsx

@@ -18,7 +18,8 @@ function ThemeSwitcher() {
     }
 
     return (
-        <div>
+        <div className={ `` }>
+            <div className={ `flex flex-row items-center` }>
                 <Switch
                     color={ 'default' }
                     aria-label={ `theme switch` }
@@ -32,6 +33,8 @@ function ThemeSwitcher() {
                         }
                     } }
                 ></Switch>
+                <p className={ `font-bold` }>{ `Toggle Theme` }</p>
+            </div>
         </div>
     );
 }