Prompt gallery (#957)

- [x] show prompt instead of app in autocomplete
- [x] use proper array/list for db (tags)
- [x] don't do <dyad-prompt> - replace inline

src/components/app-sidebar.tsx

@@ -1,4 +1,11 @@
-import { Home, Inbox, Settings, HelpCircle, Store } from "lucide-react";
+import {
+  Home,
+  Inbox,
+  Settings,
+  HelpCircle,
+  Store,
+  BookOpen,
+} from "lucide-react";
 import { Link, useRouterState } from "@tanstack/react-router";
 import { useSidebar } from "@/components/ui/sidebar"; // import useSidebar hook
 import { useEffect, useState, useRef } from "react";
@@ -39,6 +46,11 @@ const items = [
     to: "/settings",
     icon: Settings,
   },
+  {
+    title: "Library",
+    to: "/library",
+    icon: BookOpen,
+  },
   {
     title: "Hub",
     to: "/hub",
@@ -51,6 +63,7 @@ type HoverState =
   | "start-hover:app"
   | "start-hover:chat"
   | "start-hover:settings"
+  | "start-hover:library"
   | "clear-hover"
   | "no-hover";
 
@@ -92,6 +105,8 @@ export function AppSidebar() {
     selectedItem = "Chat";
   } else if (hoverState === "start-hover:settings") {
     selectedItem = "Settings";
+  } else if (hoverState === "start-hover:library") {
+    selectedItem = "Library";
   } else if (state === "expanded") {
     if (isAppRoute) {
       selectedItem = "Apps";
@@ -195,6 +210,8 @@ function AppIcons({
                         onHoverChange("start-hover:chat");
                       } else if (item.title === "Settings") {
                         onHoverChange("start-hover:settings");
+                      } else if (item.title === "Library") {
+                        onHoverChange("start-hover:library");
                       }
                     }}
                   >