fix: no need for h-full

web/src/App.tsx

@@ -1,5 +1,5 @@
 import { type FC } from "react";
-import { createBrowserRouter, RouterProvider } from "react-router";
+import { createBrowserRouter, Navigate, RouterProvider } from "react-router";
 
 import IndexPage from "./pages/Index";
 import LoginPage from "./pages/Login";
@@ -47,6 +47,10 @@ const router = createBrowserRouter([
             path: "admin",
             element: <AdminLayout />,
             children: [
+              {
+                index: true,
+                element: <Navigate to="/admin/api-services" />,
+              },
               {
                 path: "api-services",
                 children: [

web/src/layout/DashboardLayout.tsx

@@ -7,7 +7,7 @@ import { Outlet } from "react-router";
 const DashboardLayout: FC = () => {
   return (
     <div className="relative z-10 flex items-center justify-center min-h-screen">
-      <Card className="min-h-screen w-full min-w-full max-h-screen shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none overflow-y-auto sm:overflow-hidden">
+      <Card className="min-h-screen w-full min-w-full max-h-screen shadow-lg bg-white/85 dark:bg-black/85 backdrop-blur-md sm:rounded-none overflow-hidden">
         <div className="flex flex-col w-full h-full flex-1 items-center sm:pt-0 relative">
           <div className="flex flex-row items-center absolute left-4 top-4">
             <img src="/icon.png" alt="icon" className="w-6 h-6" />
@@ -25,7 +25,7 @@ const DashboardLayout: FC = () => {
           >
             <div className="flex flex-row">
               <Sidebar />
-              <div className="max-w-full flex-1 sm:max-h-screen overflow-y-auto">
+              <div className="max-w-full flex-1 h-screen max-h-screen overflow-y-auto">
                 <div className="flex flex-col w-full items-center gap-2">
                   <TopBar />
                 </div>

web/src/pages/Admin/ApiServices/index.tsx

@@ -15,7 +15,7 @@ const ApiServicesPage: FC = () => {
   }, [fetchApiServices]);
 
   return (
-    <div className="relative flex flex-col items-stretch w-full h-full">
+    <div className="relative flex flex-col items-stretch w-full">
       <div className="p-4">
         <Breadcrumbs
           className="pb-2"

web/src/pages/Admin/Users/index.tsx

@@ -16,7 +16,7 @@ const AdminUsersPage: FC = () => {
   }, [fetchUsers]);
 
   return (
-    <div className="relative flex flex-col items-stretch w-full h-full">
+    <div className="relative flex flex-col items-stretch w-full">
       <div className="p-4">
         <Breadcrumbs
           className="pb-2"