Changed The Header Structure and deleted unused fonts

app/components/Credits.tsx

@@ -0,0 +1,71 @@
+import React from 'react';
+
+const Credits: React.FC = () => {
+  return (
+    <div className="credits-container">
+      <section id="credits" className="credits-section">
+        <h1 className="title">Credits</h1>
+
+        <h2 className="subtitle">Icons</h2>
+        <p className="paragraph">
+          This project utilizes the following icon resources:
+        </p>
+        <a
+          href="https://www.svgrepo.com/author/Solar%20Icons/"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Solar Icons
+        </a>
+        <a
+          href="https://www.svgrepo.com/author/Dazzle%20UI/"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Dazzle UI
+        </a>
+
+        <h2 className="subtitle">Fonts</h2>
+        <p className="paragraph">
+          The fonts used in this project are provided by:
+        </p>
+        <a
+          href="https://github.com/itfoundry/Poppins"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Poppins
+        </a>
+        <a
+          href="https://openfontlicense.org"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Inconsolata, Merriweather, Noto Sans, Noto Serif, Playfair Display, Bangers, Caveat, Frederika the Great, Sofadi One, Zilla Slab Highlight
+        </a>
+        <a
+          href="http://www.apache.org/licenses/LICENSE-2.0"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Roboto, Rock Salt
+        </a>
+        <a
+          href="https://ubuntu.com/legal/font-licence"
+          className="credit-btn"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Ubuntu
+        </a>
+      </section>
+    </div>
+  );
+};
+
+export default Credits;