Refactor project structure: separate HTML, CSS & JS into organized files/folders

[Satyam-Godara]

Right now, most of the pages (e.g. index.html, menu.html, etc.) include CSS and JS inline or alongside HTML, and the project is somewhat disorganized with CSS, JS, and HTML files scattered (or mixed) in multiple places.
this is the example of the structure to be implemented
├── css/
│ └── main.css
├── js/
│ └── main.js
├── html/
│ └── index.html
│ └── menu.html
│ └── ...
├── assets/
│ └── images/
│ └── fonts/
└── README.md

if you find this valuable, assign this task to me and add hactoberfest25 label to it.

[Akshyat-24]

Assign this to me