Create Bookmarks Layout (UI Markup)

[solusss111]

We need to implement the basic layout of the bookmarks page for our Twitter clone project.
This task is focused only on React JSX structure (no backend logic yet).

Build a responsive Bookmarks page layout with the following structure:

1. Header
2. Search for bookmarks input
3. Center saved posts
4. Saved post cards with:

• Avatar
• Username + handle
• Post text
• Like / comment / repost icons

5. Bottom navigation bar

Use semantic JSX (header, main, aside, section where needed)

• Responsive layout (desktop first, mobile optional if time)
• Pixel-aligned or close to design
• Use Tailwind
• No backend logic yet (static data is fine)

Optional improvements

• Hover effects on buttons/icons
• Sticky sidebar
• Scrollable feed section

Split into components:

• Header
• SearchInput
• SavedPostCard
• Navigation