(squash) init

feat: filters, settings, backups

fix: ts compile errors

feat: new dashboard, webp previews and settings

feat: use webp for pdfs

feat: use webp

fix: analyze resets old data

fix: switch to corsproxy

fix: switch to free cors

fix: max upload limit

fix: currency conversion

feat: transaction export

fix: currency conversion

feat: refactor settings actions

feat: new loader

feat: README + LICENSE

doc: update readme

doc: update readme

doc: update readme

doc: update screenshots

ci: bump prisma

components/sidebar/mobile-menu.tsx

@@ -0,0 +1,33 @@
+"use client"
+
+import Link from "next/link"
+import { Avatar, AvatarFallback, AvatarImage } from "../ui/avatar"
+import { useSidebar } from "../ui/sidebar"
+
+export default function MobileMenu({
+  settings,
+  unsortedFilesCount,
+}: {
+  settings: Record<string, string>
+  unsortedFilesCount: number
+}) {
+  const { toggleSidebar } = useSidebar()
+
+  return (
+    <menu className="flex flex-row gap-2 p-2 items-center justify-between fixed top-0 left-0 w-full z-50 border-b-2 border-solid bg-background md:hidden">
+      <Avatar className="h-10 w-10 rounded-lg cursor-pointer" onClick={toggleSidebar}>
+        <AvatarImage src="/logo/256.png" />
+        <AvatarFallback className="rounded-lg">AI</AvatarFallback>
+      </Avatar>
+      <Link href="/" className="text-lg font-bold">
+        {settings.app_title}
+      </Link>
+      <Link
+        href="/unsorted"
+        className="flex h-6 w-6 items-center justify-center rounded-full bg-primary text-sm font-medium text-primary-foreground"
+      >
+        {unsortedFilesCount}
+      </Link>
+    </menu>
+  )
+}