Repository: srbhr/Resume-Matcher
File: webapp/app/_components/header/header.tsx (TypeScript)

Code before:

const Header = () => {
  return (
    <header className="flex justify-between items-center px-24 py-4 bg-[#24202A] shadow-md">
      <Image
        src="/resume_matcher_logo.png"
        alt="Resume Matcher Logo"
        width={100}
        height={60}
      />
      <nav className="grow">
        <ul
          className="flex justify-center gap-6 text-[#e2e8f0] text-sm "
          role="list"
        >
          <li className="hover:text-[#94a3b8]">
            <a href="https://github.com/srbhr/Resume-Matcher/graphs/contributors">
              Contributions
            </a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a href="https://github.com/srbhr/Resume-Matcher#readme">Docs</a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a href="https://www.resumematcher.fyi/">Main Site</a>
          </li>
        </ul>
      </nav>
      <nav>
        <ul className="flex gap-4 text-xs">
          <li>
            <a
              href="https://github.com/srbhr/Resume-Matcher"
              target="_blank"
              rel="noopener noreferrer"
            >
              <Button className="bg-white text-black py-3 shadow-xl hover:bg-[#e5e7eb]">
                Star Us
                <Image
                  src="/icons/github.svg"
                  width={16}
                  height={16}
                  alt="GitHub Octocat Logo"
                />
              </Button>
            </a>
          </li>
          <li>
            <a
              href="https://dsc.gg/resume-matcher"
              target="_blank"

Review comment (suggestion):
I further update the links to open in new tabs, rather than opening within the same tab, which results in navigating the user away from the tool itself. The second reason is that these are external links, and so would normally open in new tabs, rather than the existing tab.

You may use the additional link attributes `target="_blank" rel="noopener noreferrer"` inside the anchor elements.

See example suggestion below:

```suggestion
          <li className="hover:text-[#94a3b8]">
            <a href="https://github.com/srbhr/Resume-Matcher/graphs/contributors" target="_blank" rel="noopener noreferrer">
              Contributions
            </a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a href="https://github.com/srbhr/Resume-Matcher#readme" target="_blank" rel="noopener noreferrer">Docs</a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a href="https://www.resumematcher.fyi/" target="_blank" rel="noopener noreferrer">Main Site</a>
          </li>
```

Code after:

const Header = () => {
  return (
    <header className="flex justify-between items-center px-24 py-4 bg-[#24202A] shadow-md">
      <Image
        src="/resume_matcher_logo.png"
        alt="Resume Matcher Logo"
        width={100}
        height={60}
      />
      <nav className="grow">
        <ul
          className="flex justify-center gap-6 text-[#e2e8f0] text-sm "
          role="list"
        >
          <li className="hover:text-[#94a3b8]">
            <a
              href="https://github.com/srbhr/Resume-Matcher/graphs/contributors"
              target="_blank"
              rel="noopener noreferrer"
            >
              Contributions
            </a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a
              href="https://github.com/srbhr/Resume-Matcher#readme"
              target="_blank"
              rel="noopener noreferrer"
            >
              Docs
            </a>
          </li>
          <li className="hover:text-[#94a3b8]">
            <a
              href="https://www.resumematcher.fyi/"
              target="_blank"
              rel="noopener noreferrer"
            >
              Main Site
            </a>
          </li>
        </ul>
      </nav>
      <nav>
        <ul className="flex gap-4 text-xs">
          <li>
            <a
              href="https://github.com/srbhr/Resume-Matcher"
              target="_blank"
              rel="noopener noreferrer"