(feat) view userID on navbar

ui/litellm-dashboard/src/app/page.tsx

@@ -4,8 +4,7 @@ import UserDashboard from "../components/user_dashboard";
 const CreateKeyPage = () => {
   return (
     <Suspense fallback={<div>Loading...</div>}>
-    <div className="flex min-h-screen flex-col items-center">
-      <Navbar />
+    <div className="flex min-h-screen flex-col ">
       <UserDashboard />
     </div>
     </Suspense>

ui/litellm-dashboard/src/components/networking.tsx

@@ -3,7 +3,8 @@
  */
 import { message } from 'antd';
 
-const proxyBaseUrl = null
+// const proxyBaseUrl = null;
+const proxyBaseUrl = "http://localhost:4000" // http://localhost:4000
 
 export const keyCreateCall = async (
   accessToken: string,

ui/litellm-dashboard/src/components/user_dashboard.tsx

@@ -5,10 +5,12 @@ import { Grid, Col, Card, Text } from "@tremor/react";
 import CreateKey from "./create_key_button";
 import ViewKeyTable from "./view_key_table";
 import EnterProxyUrl from "./enter_proxy_url";
+import Navbar from "./navbar";
 import { useSearchParams } from "next/navigation";
 import { jwtDecode } from "jwt-decode";
 
-const proxyBaseUrl = null
+// const proxyBaseUrl = null;
+const proxyBaseUrl = "http://localhost:4000" // http://localhost:4000
 
 const UserDashboard = () => {
   const [data, setData] = useState<null | any[]>(null); // Keep the initialization of state here
@@ -67,6 +69,10 @@ const UserDashboard = () => {
 
   
   return (
+    <div>
+      <Navbar
+        userID={userID}
+      />
       <Grid numItems={1} className="gap-0 p-10 h-[75vh] w-full">
       <Col numColSpan={1}>
         <ViewKeyTable
@@ -83,6 +89,8 @@ const UserDashboard = () => {
         />
       </Col>
     </Grid>
+    </div>
+
   );
 };