feat: basic recent file browsing

apps/drive-web/src/routes/_authenticated/_sidebar-layout/recent.tsx

@@ -0,0 +1,22 @@
+import { api } from "@fileone/convex/api"
+import { createFileRoute } from "@tanstack/react-router"
+import { useQuery as useConvexQuery } from "convex/react"
+import { FileGrid } from "@/files/file-grid"
+
+export const Route = createFileRoute("/_authenticated/_sidebar-layout/recent")({
+	component: RouteComponent,
+})
+
+function RouteComponent() {
+	const recentFiles = useConvexQuery(api.filesystem.fetchRecentFiles, {
+		limit: 100,
+	})
+
+	console.log("recentFiles", recentFiles)
+
+	return (
+		<main className="p-4">
+			<FileGrid files={recentFiles ?? []} />
+		</main>
+	)
+}