consistency: migrate Tailwind default colors in NotificationsView.tsx (Batch 7)

EXHAUSTIVE_TODO_LIST.md

@@ -3110,7 +3110,8 @@ Critical path dependencies:
     - ✅ Batch 4 complete: MarketplaceView.tsx (6 instances)
     - ✅ Batch 5 complete: FileDetailsView.tsx (8 instances)
     - ✅ Batch 6 complete: DiscoverView.tsx (10 instances)
-    - ✅ Total: 166 instances migrated (1,492 → 1,326 remaining, ~11.1% complete)
+    - ✅ Batch 7 complete: NotificationsView.tsx (4 instances)
+    - ✅ Total: 170 instances migrated (1,492 → 1,322 remaining, ~11.4% complete)
     - ⏳ Continuing with remaining files incrementally
   - **Validation**: No Tailwind default colors used (in progress)
   - **Rollback**: Restore Tailwind colors

apps/web/src/components/views/NotificationsView.tsx

@@ -74,7 +74,7 @@ export const NotificationsView: React.FC = () => {
           <h1 className="text-3xl font-display font-bold text-white mb-2">
             NOTIFICATIONS
           </h1>
-          <p className="text-gray-400 font-mono text-sm">
+          <p className="text-kodo-content-dim font-mono text-sm">
             Stay updated with your network activity.
           </p>
         </div>
@@ -103,14 +103,14 @@ export const NotificationsView: React.FC = () => {
             <button
               key={f}
               onClick={() => setFilter(f as any)}
-              className={`px-4 py-2 rounded text-sm font-bold capitalize transition-colors ${filter === f ? 'bg-kodo-slate text-white' : 'text-gray-400 hover:text-white'}`}
+              className={`px-4 py-2 rounded text-sm font-bold capitalize transition-colors ${filter === f ? 'bg-kodo-slate text-white' : 'text-kodo-content-dim hover:text-white'}`}
             >
               {f}
             </button>
           ))}
         </div>
         <div className="h-6 w-px bg-kodo-steel/50 hidden md:block"></div>
-        <div className="flex items-center gap-2 text-xs text-gray-500">
+        <div className="flex items-center gap-2 text-xs text-kodo-content-dim">
           <Filter className="w-3 h-3" />
           <span>Showing {filtered.length} notifications</span>
         </div>
@@ -118,7 +118,7 @@ export const NotificationsView: React.FC = () => {
 
       <div className="space-y-2">
         {filtered.length === 0 ? (
-          <div className="text-center py-20 border-2 border-dashed border-kodo-steel rounded-xl text-gray-500">
+          <div className="text-center py-20 border-2 border-dashed border-kodo-steel rounded-xl text-kodo-content-dim">
             <Bell className="w-12 h-12 mx-auto mb-4 opacity-50" />
             <p>No notifications to display.</p>
           </div>