Hardcoded Navigation and Routing Improvements

[codeCraft-Ritik]

Summary :

The Header.js component uses hardcoded navigation links and the Main.js container uses an older version of react-router-dom (Switch). Modernizing the routing and making the header data-driven would improve maintainability.

File Path : components/header/Header.js and containers/Main.js

Code Improvement :

// Suggested change in Header.js to use a configuration file
import { greeting } from "../../portfolio.js"; // Assume data is centralized

// Instead of hardcoded <li> tags, map through a config
{navigation_links.map((link) => (
  <li key={link.id}>
    <NavLink to={link.to} activeStyle={{ fontWeight: "bold" }}>
      {link.name}
    </NavLink>
  </li>
))}

[ashutosh1919]

@codeCraft-Ritik Feel free to open PR if you would like to contribute.