Add ration shop information web portal layout

[Shrish27]

Motivation

• Provide a simple, static web UI to manage and view ration shop data including stock, beneficiaries and daily distribution.
• Offer a single-page layout with common operational sections for shop staff and administrators to reference.
• Deliver a responsive, accessible starting point so dynamic/backend integration can be added later.

Description

• Add index.html which implements the portal home page and contains sections for Shop Information, Stock Availability, Beneficiary Category Information, Beneficiary Registration Form, Daily Distribution Records Table, Commodity Image Gallery, and Important Navigation & External Links.
• Add styles.css with CSS variables, responsive grid layouts, card/tables/forms styling, pills for status, and mobile breakpoints to make the layout adaptive.
• Use semantic HTML structure and utility classes for buttons, forms, tables and gallery to simplify future enhancement and JS integration.
• Include sample content and external image links to demonstrate visual structure and information flow.

Testing

• Served the static site locally using python -m http.server 8000 and verified the page loaded successfully.
• Ran a Playwright smoke script that opened http://127.0.0.1:8000/ and saved a full-page screenshot to artifacts/ration-portal.png, and the script completed successfully.
• No unit tests were added because this change is static HTML/CSS visual scaffolding.

---

Codex Task