chore: Enhancement + New Feature (#185)

* wip

* wip page

* chore: style

* wip pages

* wip pages

* chore: toggle

* chore: link

* feat: topic search

* chore: page section

* refactor: apply tailwind class ordering

* fix: handle loggedIn user for guest route

* feat: folder & image schema

* chore: move utils to shared

* refactor: tailwind class ordering

* feat: img ext for editor

* refactor: remove qa

* fix: tanstack start

* fix: wrong import

* chore: use toast

* chore: schema

web/shared/editor/extensions/image/components/image-overlay.tsx

@@ -0,0 +1,16 @@
+import * as React from "react"
+import { cn } from "@/lib/utils"
+import { Spinner } from "@shared/components/spinner"
+
+export const ImageOverlay = React.memo(() => {
+  return (
+    <div
+      className={cn(
+        "flex flex-row items-center justify-center",
+        "absolute inset-0 rounded bg-[var(--mt-overlay)] opacity-100 transition-opacity",
+      )}
+    >
+      <Spinner className="size-7" />
+    </div>
+  )
+})