Removed all third party requests

frontend/src/Footer.js

@@ -2,6 +2,7 @@ import React from "react";
 import { Button } from "./components/Button";
 import { Link } from "react-router-dom";
 import "./Footer.css";
+import "@fortawesome/fontawesome-free/css/all.css"
 
 function Footer() {
   return (

frontend/src/components/HeroSection.css

@@ -40,7 +40,7 @@ video {
   margin: 6px;
 }
 
-.fa-play-cirecle {
+.fa-play-circle {
   margin-left: 4px;
 }
 

frontend/src/components/HeroSection.js

@@ -2,11 +2,12 @@ import React from 'react';
 import '../App.css';
 import { Button } from './Button';
 import './HeroSection.css';
+import '@fortawesome/fontawesome-free/css/all.css'
 
 function HeroSection() {
     return (
         <div className='hero-container'>
-            <h1>ADVENTURE AWAITS</h1>
+            <h1>ADVENTURE wartet</h1>
             <p>What are you waiting for?</p>
             <div className="hero-btns">
                 <Button

frontend/src/components/Navbar.js

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { Button } from './Button';
 import { Link } from 'react-router-dom';
 import './Navbar.css';
+import '@fortawesome/fontawesome-free/css/all.css'
 
 function Navbar() {
   const [click, setClick] = useState(false);