Add feed type support for EventFeed and update hover styles

- Refactored `EventFeed` to accept `feedType` prop for filtering content.
- Enhanced router to render `EventFeed` with appropriate `feedType` based on active tab.
- Updated hover background style in `NoteCard` for improved appearance.

src/components/EventFeed.tsx

@@ -3,7 +3,11 @@ import { useQuery, useInfiniteQuery } from '@tanstack/react-query'
 import { nostrService, NostrEvent, UserMetadata } from '../lib/nostr'
 import NoteCard from './NoteCard'
 
-const EventFeed: React.FC = () => {
+interface EventFeedProps {
+  feedType: 'global' | 'follows' | 'note' | 'hashtag' | 'user' | 'relay'
+}
+
+const EventFeed: React.FC<EventFeedProps> = ({ feedType }) => {
   const [userMetadataCache, setUserMetadataCache] = useState<Map<string, UserMetadata | null>>(new Map())
   const loadingRef = useRef<HTMLDivElement>(null)
 
@@ -16,12 +20,36 @@ const EventFeed: React.FC = () => {
     isLoading,
     error
   } = useInfiniteQuery({
-    queryKey: ['events'],
+    queryKey: ['events', feedType],
     queryFn: async ({ pageParam = undefined }) => {
-      const events = await nostrService.fetchEvents({
+      // Different fetch parameters based on feed type
+      const fetchParams: any = {
         limit: 20,
         until: pageParam
-      })
+      }
+
+      // Add feed-specific filters
+      if (feedType === 'follows') {
+        // For follows feed, you would typically filter by followed pubkeys
+        // This is a placeholder - implement based on your follow list logic
+        fetchParams.authors = [] // Add followed pubkey list here
+      } else if (feedType === 'note') {
+        // Filter for text notes only (kind 1)
+        fetchParams.kinds = [1]
+      } else if (feedType === 'hashtag') {
+        // Filter for posts with hashtags
+        fetchParams.kinds = [1]
+        // You could add specific hashtag filtering here
+      } else if (feedType === 'user') {
+        // Filter for user-specific content
+        fetchParams.kinds = [0, 1] // Profile and notes
+      } else if (feedType === 'relay') {
+        // Filter for relay-specific content
+        fetchParams.kinds = [1]
+      }
+      // For 'global' feedType, no additional filters (show everything)
+
+      const events = await nostrService.fetchEvents(fetchParams)
       
       // Fetch metadata for all unique authors in this batch
       const uniqueAuthors = [...new Set(events.map(e => e.pubkey))]

src/components/NoteCard.tsx

@@ -220,7 +220,7 @@ const NoteCard: React.FC<NoteCardProps> = ({ event, userMetadata }) => {
   const repostedEvent = getRepostedEvent()
 
   return (
-    <div className="p-4 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors">
+    <div className="p-4 hover:bg-black/10 transition-colors">
       {/* Header */}
       <div className="flex items-center justify-between mb-3">
         <div className="flex items-center space-x-3">

src/router.tsx

@@ -513,7 +513,17 @@ const HeaderRoute = createRootRoute({
         <section ref={containerRef} className="fixed top-14 left-0 right-0 bottom-0" style={{ ...gridStyle, left: sidebarWidth }}>
           {/* Left: main */}
           <div className="pane overflow-y-scroll">
-            <EventFeed />
+            {activeTab === 'Global' && <EventFeed feedType="global" />}
+            {activeTab === 'Follows' && <EventFeed feedType="follows" />}
+            {activeTab === 'Note' && <EventFeed feedType="note" />}
+            {activeTab === 'Hashtag' && <EventFeed feedType="hashtag" />}
+            {activeTab === 'User' && <EventFeed feedType="user" />}
+            {activeTab === 'Relay' && <EventFeed feedType="relay" />}
+            {activeTab === 'Write' && (
+              <div className="h-full flex items-center justify-center">
+                <span className="text-xl tracking-wide">Write new note</span>
+              </div>
+            )}
           </div>
 
         {/* Divider / grabber */}