Create routes for pages in Vanilla.js app

[29deepanshutyagi]

This pull request implements a basic routing system for our Vanilla.js Decentralized Web App (DWA) starter. The following features have been added:

Vanilla Router:
    Set up a simple client-side router using the History API to manage navigation between different pages without full page reloads.

Defined Routes:
    Created routes for the following pages:
        / (Home page) - Renders the word "Home"
        /about - Renders the word "About"
        /settings - Renders the word "Settings"
    Implemented a 404 error handling for undefined routes, rendering a "404 - Page Not Found" message.

Navigation Menu:
    Added a navigation menu that allows users to switch between the defined routes seamlessly.

Automated Tests:
    Implemented Playwright tests to verify routing functionality:
        Ensured the correct word is displayed for each defined route.
        Verified that the 404 page is shown for undefined routes.

Changes Made:

Created a routing system in main.js.
Added component functions for Home, About, and Settings pages in components.js.
Developed a simple navigation menu in index.html.
Wrote Playwright tests in the tests/router.spec.js file.

Testing:

Run the application locally to ensure navigation works without console errors.
Execute Playwright tests to confirm routing functionality and proper handling of undefined routes.



issue #83

[blackgirlbytes]

looking good! Thanks for the contribution