chore: enable dashboard mobile

apps/frontend/src/app/(core)/page.tsx

@@ -1,24 +1,14 @@
 import { DashboardView } from '@/components/DashboardView';
-import { isMobile } from '@/utils/isMobile';
 import type { Metadata } from 'next';
-import { headers } from 'next/headers';
 
 export const metadata: Metadata = {
   title: { absolute: 'Swaylend | Lending reimagined' },
 };
 
 export default function Home() {
-  const userAgent = headers().get('user-agent') || '';
-  const mobile = isMobile(userAgent);
   return (
     <div className="max-h-full">
-      {mobile ? (
-        <div className="w-full h-[60dvh] flex items-center justify-center">
-          This page is not available on mobile devices.
-        </div>
-      ) : (
-        <DashboardView />
-      )}
+      <DashboardView />
     </div>
   );
 }

apps/frontend/src/components/LeaderboardView/index.tsx

@@ -97,9 +97,6 @@ export const LeaderboardView = () => {
           </table>
         </div>
       </div>
-      {/* <div className="lg:hidden w-full h-[60dvh] flex items-center justify-center">
-        This page is not supported on this screen size.
-      </div> */}
     </>
   );
 };

apps/frontend/src/components/Navbar/index.tsx

@@ -215,7 +215,7 @@ export const Navbar = ({ mobile = false }: { mobile?: boolean }) => {
           </div>
           <div className="flex items-center gap-x-2">
             <Points />
-            {!mobile && <ConnectButton />}
+            <ConnectButton />
           </div>
         </div>
         <Line />