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/app/components/sidebar/partials/link-collection.tsx

@@ -0,0 +1,28 @@
+import * as React from "react"
+import { useAccount } from "@/lib/providers/jazz-provider"
+import { NavItem } from "~/components/custom/nav-item"
+
+export const LinkCollection: React.FC = () => {
+  const { me } = useAccount({
+    root: {
+      personalLinks: [],
+      topicsWantToLearn: [],
+      topicsLearning: [],
+      topicsLearned: [],
+    },
+  })
+
+  const linkCount = me?.root.personalLinks?.length || 0
+
+  const topicCount =
+    (me?.root.topicsWantToLearn?.length || 0) +
+    (me?.root.topicsLearning?.length || 0) +
+    (me?.root.topicsLearned?.length || 0)
+
+  return (
+    <div className="flex flex-col gap-px py-2">
+      <NavItem to="/links" title="Links" icon="Link" count={linkCount} />
+      <NavItem to="/topics" title="Topics" icon="Hash" count={topicCount} />
+    </div>
+  )
+}