Integrate Gallery Page with MemeRegistry

[Mrwicks00]

Description

Display all submitted memes in a gallery format, allowing users to browse and filter memes.

Tasks

• Create a custom hook useAllMemes() to fetch all memes from MemeRegistry
• Fetch all battle IDs and iterate through to get all memes
• Display memes in a grid layout with IPFS images
• Add filtering by battle, creator, or vote weight
• Add sorting by submission date, vote weight, or battle
• Display meme metadata (creator, battle theme, vote weight, submission date)
• Link memes to their battle detail pages
• Handle loading and error states
• Implement pagination for large meme lists

Contract Functions Used

• BattleManager.battleCounter() - Get total battles
• MemeRegistry.getBattleMemes(uint256) - Get memes for each battle
• MemeRegistry.getMeme(uint256) - Get meme details

Files to Modify

• frontend/app/gallery/page.tsx
• frontend/components/meme-grid.tsx
• frontend/hooks/useAllMemes.ts (new file)