added the github pages secrets and fixed the image

Author: GauravWalia19

.github/workflows/Github Pages Deployment.yml

@@ -49,3 +49,7 @@ jobs:
             - name: Deploy to GitHub Pages
               id: deployment
               uses: actions/deploy-pages@v4
+        env:
+            VITE_RANDOM_CODES: ${{ secrets.VITE_RANDOM_CODES }}
+            VITE_RATE_CODE: ${{ secrets.VITE_RATE_CODE }}
+            VITE_SEARCH_USER: ${{ secrets.VITE_SEARCH_USER }}

src/components/Header/HeaderImg/HeaderImg.jsx

@@ -4,7 +4,7 @@ const HeaderImg = () => {
     return (
         <div className="inline-header" id="header-img-div">
             <a href="#landing-section" id="header-img-link">
-                <img src="/light_logo.png" id="header-img" />
+                <img src="./light_logo.png" id="header-img" />
             </a>
         </div>
     );