feat: basic recent file browsing

apps/drive-web/src/components/ui/middle-truncated-text.tsx

@@ -0,0 +1,13 @@
+function MiddleTruncatedText({ children }: { children: string }) {
+	const LAST_PART_LENGTH = 3
+	const lastPart = children.slice(children.length - LAST_PART_LENGTH)
+	const firstPart = children.slice(0, children.length - LAST_PART_LENGTH)
+	return (
+		<p className="max-w-full flex">
+			<span className="flex-1 truncate">{firstPart}</span>
+			<span className="w-min">{lastPart}</span>
+		</p>
+	)
+}
+
+export { MiddleTruncatedText }