add: about page

src/components/navigation/BottomNavBar.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import React from 'react'
 import BottomNavLink from './BottomNavLink'
 import BottomNavHighlightLink from './BottomNavLinkBig'

src/components/wrapper/ClientMenuRouteWrapper.tsx.tsx

@@ -36,15 +36,15 @@ function ClientMenuRouteWrapper({ children }: Props) {
   // }, [location])
 
   return (
-    <div className='h-full overflow-hidden py-10 px-4'>
-      <header>
+    <div className='h-full overflow-hidden py-10 '>
+      <header className='px-4'>
         <TopBar
           profileDropState={profileDrop} toggleProfileDropState={toggleProfileDrop}
           menuState={menuState} toggleMenuState={toggleMenuState}
           searchModalState={searchModal} toggleSearchModalState={toggleSearchModal}
           nightModeState={nightMode} toggleNightModeState={toggleNightMode} />
       </header>
-      <main className="h-full pt-14 pb-14 lg:pt-28 overflow-y-auto noscrollbar">
+      <main className="h-full px-4 pt-14 pb-14 lg:pt-28 overflow-y-auto noscrollbar">
         {children}
       </main>
       <aside>
@@ -53,7 +53,7 @@ function ClientMenuRouteWrapper({ children }: Props) {
           nightModeState={nightMode} togglenightModeState={toggleNightMode}
           menuState={menuState} toggleMenuState={toggleMenuState} />
       </aside>
-      <footer>
+      <footer className='px-4'>
         <BottomNavBar />
 
       </footer>