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

Code before:
                          ? "noopener noreferrer"
                          : undefined
                      }
                      href={item.link}
                    >
                      {item.title}
                    </a>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>
      <div className="flex justify-between pt-16">
        <p className="flex py-2">
          Apache 2.0 ©{" "}
          <a
            className="text-[#B3A8C3] hover:text-[#9385A8]"
            target="_blank"
            rel="noopener noreferrer"
            href="https://github.com/srbhr/Resume-Matcher/graphs/contributors"
          >
            Resume Matcher Contributers
          </a>{" "}
        </p>
        <div className="flex gap-5">
          <a href="https://github.com/srbhr/Resume-Matcher">
            <div className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300">
              <Image
                className="hover:bg-[#44365F]"
                src="/icons/discord-light.svg"
                width={20}
                height={20}
                alt="GitHub Octocat Logo"
              />{" "}
            </div>
          </a>

          <a href="https://www.producthunt.com/posts/resume-matcher">
            <div className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300">
              <Image
                className="hover:bg-[#44365F]"
                src="/icons/productHunt-light.svg"
                width={20}
                height={20}
                alt="GitHub Octocat Logo"
              />{" "}
            </div>
          </a>
          <a href="https://discord.com/invite/t3Y9HEuV34">

Review comment (refactor):
🤔 I think we're over-duplicating the Apache 2.0 detail, and also the Resume Matcher Contributors link, as we already have the same (similar) clearly labelled links above them within the same footer.

To remove?

```diff
-        <p className="flex py-2">
-          Apache 2.0 ©{" "}
-          <a
-            className="text-[#B3A8C3] hover:text-[#9385A8]"
-            target="_blank"
-            rel="noopener noreferrer"
-            href="https://github.com/srbhr/Resume-Matcher/graphs/contributors"
-          >
-            Resume Matcher Contributers
-          </a>{" "}
-        </p>
```

By removing the snippet of code suggested above, this will cause a shift in the layout on the set of icons to move to the left. But to easily fix that, you could just easily replace `justify-between` with `flex-row-reverse` on the parent `<div>` wrapper.

```diff
- <div className="flex justify-between pt-16">
+ <div className="flex flex-row-reverse pt-16">
```

Overall, we would remove duplicated footer content / links, and also reduce the overall size of the DOM tree output 🔥 

Code after:
                          ? "noopener noreferrer"
                          : undefined
                      }
                      href={item.link}
                    >
                      {item.title}
                    </a>
                  </li>
                ))}
              </ul>
            </div>
          ))}
        </div>
      </div>
      <div className="flex gap-5 pt-12">
        <a
          className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300"
          href="https://discord.com/invite/t3Y9HEuV34"
          title="Discord"
          target="_blank"
          rel="noopener noreferrer"
        >
          <Image
            className="hover:bg-[#44365F]"
            src="/icons/discord-light.svg"
            width={20}
            height={20}
            alt="Discord Logo"
          />
        </a>
        <a
          className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300"
          href="https://www.producthunt.com/posts/resume-matcher"
          title="Product Hunt"
          rel="noopener noreferrer"
        >
          <Image
            className="hover:bg-[#44365F]"
            src="/icons/productHunt-light.svg"
            width={20}
            height={20}
            alt="Product Hunt Logo"
          />
        </a>
        <a
          className="p-2 rounded-xl hover:p-2 hover:bg-[#44365F] transition duration-300"
          href="https://github.com/srbhr/Resume-Matcher"
          title="GitHub"
          target="_blank"
          rel="noopener noreferrer"
        >