sign in page ui implemented

app/_layout.tsx

@@ -1,3 +1,4 @@
+import { tokenCache } from "@/lib/auth";
 import { ClerkProvider, ClerkLoaded } from "@clerk/clerk-expo";
 import { useFonts } from "expo-font";
 import { Stack } from "expo-router";
@@ -34,7 +35,7 @@ const RootLayout = () => {
   if (!publishableKey) throw new Error("Missing Clerk Publishable Key.");
 
   return (
-    <ClerkProvider publishableKey={publishableKey}>
+    <ClerkProvider publishableKey={publishableKey} tokenCache={tokenCache}>
       <ClerkLoaded>
         <Stack>
           <Stack.Screen name="index" options={{ headerShown: false }} />