Add responsive dark sidebar UI with clone-starters, styles and navigation JS

[Sami20178]

Motivation

• Provide a small static frontend for the Sami App as a responsive dark themed web shell with a sidebar-first layout.
• Surface quick “Clone Builder” starters (Python, Instagram, Facebook, WhatsApp) as example project templates in the UI.
• Ship a minimal client-side navigation to switch panels without a framework.

Description

• Added index.html containing a responsive sidebar layout, profile/stats cards, navigation, and content panels for the clone starters.
• Added styles.css implementing a dark/dimmed theme, sidebar styling, responsive behavior and panel styling.
• Added script.js with simple DOM navigation logic (showPanel) that toggles .hidden panels and updates active navigation states.
• Updated README.md with a short project description and start instructions referencing index.html.

Testing

• No automated tests were included or executed for this change.

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 29679e25d7

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Avoid activating nav items with no matching panel

The click handler marks every .nav-item as active before verifying that a corresponding content panel exists, so clicking entries like overview, chat, or calc (which currently have no data-panel) leaves the previous panel visible while highlighting a different nav item. This creates a broken navigation state where sidebar and content are out of sync for most menu options.

Useful? React with 👍 / 👎.