Add "Back To Home Button" in "Legal and Missing" Pages

src/Components/Careers/CareersPage.js

@@ -2,14 +2,22 @@ import React from 'react'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faSearch, faRocket, faHeart } from '@fortawesome/free-solid-svg-icons';
 import './careers.css'
+import homeIcon from '../../img/homeicon.png';
+import { Link } from 'react-router-dom';
+
 
 const careers = () => {
   const handleResume = () => {
     var link = "mailto:abc@unicollab.com"
     window.location.href = link;
   }
   return (
+<>
+    <Link to="/">
+    <img src={homeIcon} alt="Home" className="home-icon" />
+    </Link>
     <div className='body'>
+
       <div className="container1Careers">
         <div className="headingCareers1">Let's build from here, together</div>
         <div className='descriptionCareers1'>Join our team and accelerate human progress through innovative developer collaboration.</div>
@@ -156,6 +164,7 @@ const careers = () => {
       </div>
       <button className='submitCareers' onClick={handleResume}>Send Your Job-Application @UniCollab</button>
     </div>
+    </>
   )
 }
 

src/Components/footer_section/Legal/Licensing.js

@@ -1,8 +1,15 @@
 import React from 'react';
 import styled from 'styled-components';
+import homeIcon from '../../../img/homeicon.png';
+import { Link } from 'react-router-dom';
+
 
 const Licensing = () => {
   return (
+    <>
+    <Link to="/">
+    <img src={homeIcon} alt="Home" className="home-icon" />
+</Link>
     <div className="py-8 mb-5 sm:w-[90vw] justify-start ml-auto mr-auto mt-10">
       <div className='text-center'>
         <LicenseWrapper className='license'>
@@ -39,6 +46,7 @@ const Licensing = () => {
         </LicenseWrapper>
       </div>
     </div>
+    </>
   );
 };
 

src/Components/footer_section/Legal/PrivacyPolicy.js

@@ -1,4 +1,7 @@
 import styled from "styled-components";
+import homeIcon from '../../../img/homeicon.png';
+import { Link } from 'react-router-dom';
+
 
 const PrivacyContainer = styled.div`
   margin: auto;
@@ -63,6 +66,11 @@ const Strong = styled.strong`
 
 const PrivacyPolicy = () => {
   return (
+
+    <>
+    <Link to="/">
+    <img src={homeIcon} alt="Home" className="home-icon" />
+    </Link>
     <PrivacyContainer>
         <Title>Privacy Policy</Title><br/>
         <Content><Strong>Last Updated:</Strong> 08-06-2024</Content>
@@ -124,6 +132,7 @@ const PrivacyPolicy = () => {
         <Strong>Contact: </Strong>+91 99323 32321
         </Content>
     </PrivacyContainer>
+    </>
   )
 }
 

src/Components/footer_section/Legal/TermsandConditions.js

@@ -1,4 +1,6 @@
 import styled from "styled-components";
+import homeIcon from '../../../img/homeicon.png';
+import { Link } from 'react-router-dom';
 
 const TermsContainer = styled.div`
   margin: auto;
@@ -63,6 +65,10 @@ const Strong = styled.strong`
 
 const TermsConditions = () => {
   return (
+    <>
+    <Link to="/">
+    <img src={homeIcon} alt="Home" className="home-icon" />
+    </Link>
     <TermsContainer>
         <Title>Terms and Conditions</Title><br/>
         <Content><Strong>Last Updated:</Strong> 08-06-2024</Content>
@@ -96,6 +102,7 @@ const TermsConditions = () => {
         <Strong>Contact: </Strong>+91 99323 32321
         </Content>
     </TermsContainer>
+    </>
   )
 }