feat: add mention notification creation and user search endpoints across multiple routers

devplacepy/static/css/feed.css

@@ -5,65 +5,12 @@
     align-items: start;
 }
 
-.feed-sidebar {
-    position: sticky;
-    top: calc(var(--nav-height) + 1rem);
-    background: var(--bg-card);
-    border: 1px solid var(--border);
-    border-radius: var(--radius-lg);
-    padding: 1rem;
-}
-
-.feed-sidebar h3 {
-    font-size: 0.75rem;
-    font-weight: 700;
-    text-transform: uppercase;
-    letter-spacing: 0.1em;
-    color: var(--text-muted);
-    margin-bottom: 0.75rem;
-}
-
-.feed-categories {
-    display: flex;
-    flex-direction: column;
-    gap: 0.125rem;
-}
-
-.feed-category {
-    display: flex;
-    align-items: center;
-    gap: 0.625rem;
-    padding: 0.5rem 0.75rem;
-    border-radius: var(--radius);
-    font-size: 0.875rem;
-    color: var(--text-secondary);
-    transition: all 0.2s;
-}
-
-.feed-category:hover {
-    background: var(--bg-card-hover);
-    color: var(--text-primary);
-}
-
-.feed-category.active {
-    background: var(--accent-light);
-    color: var(--accent);
-    font-weight: 600;
-}
-
-.feed-category .dot {
-    width: 8px;
-    height: 8px;
-    border-radius: 50%;
-    flex-shrink: 0;
-}
-
-.feed-category[data-topic="devlog"] .dot { background: var(--topic-devlog); }
-.feed-category[data-topic="showcase"] .dot { background: var(--topic-showcase); }
-.feed-category[data-topic="question"] .dot { background: var(--topic-question); }
-.feed-category[data-topic="rant"] .dot { background: var(--topic-rant); }
-.feed-category[data-topic="fun"] .dot { background: var(--topic-fun); }
-.feed-category[data-topic="signals"] .dot { background: var(--topic-signals); }
+.sidebar-link[data-topic="devlog"] .sidebar-dot { background: var(--topic-devlog); }
+.sidebar-link[data-topic="showcase"] .sidebar-dot { background: var(--topic-showcase); }
+.sidebar-link[data-topic="question"] .sidebar-dot { background: var(--topic-question); }
+.sidebar-link[data-topic="rant"] .sidebar-dot { background: var(--topic-rant); }
+.sidebar-link[data-topic="fun"] .sidebar-dot { background: var(--topic-fun); }
+.sidebar-link[data-topic="signals"] .sidebar-dot { background: var(--topic-signals); }
 
 .feed-nav {
     display: flex;
@@ -373,7 +320,7 @@
     .feed-layout {
         grid-template-columns: 1fr;
     }
-    .feed-sidebar, .feed-right {
+    .feed-right {
         display: none;
     }
 }