changed pictures so that can display when deployed

.firebase/hosting.ZGlzdA.cache

@@ -1,7 +1,9 @@
-vite.svg,1716914780618,699a02e0e68a579f687d364bbbe7633161244f35af068220aee37b1b33dfb3c7
-index.html,1719471505176,fdc0ad84ad5930c77fc6b52f4ec8829bb1159473d56c0d64ebf32320017c20e7
-404.html,1717207731528,762bf484ba67404bd1a3b181546ea28d60dfddf18e9dd4795d8d25bcf3c1a890
-assets\index-DQWl0DrG.js,1719467668471,ba00c8ebbd7dc75e89bba9f740385d5d5a51abaaff5e599637431290b48aeabd
-assets\index-Ckv_zx5_.css,1719467668470,82ec390f2b57074207b39c864d260f2c8eaf87af296702a05d597c05dd4f7a0d
-assets\food-saviour-logo-4TGuSXni.png,1719467668470,3c9dafa629342a0dc4938289f8d747e4da560ce3caf7e580553faea1f13e4fc4
-assets\background-EuKRPZyz.jpg,1719467668471,1ac42b76fb6eb1964103673e256f552c3b2be6c126db00b76bcd1e0223614573
+index.html,1719686499253,dcc83b03aa38c37cab848d96e6a235f95c3398cffd530eba293ccfc5c610300a
+404.html,1719686498954,05cbc6f94d7a69ce2e29646eab13be2c884e61ba93e3094df5028866876d18b3
+vite.svg,1719686498960,d3bbbc44b3ea71906a72bf2ec1a4716903e2e3d9f85a5007205a65d1f12e2923
+pictures/google-logo.png,1719686498960,e86dea39acce8801c60ad0e6658437d88ae507dff8192c904335d3c54df54c94
+assets/index-BCOFuTgP.css,1719686499254,c68f375348e149495455da10e0698b56778f81465f79a28ae02decbda3c97739
+pictures/food-saviour-logo.png,1719686498959,8f079a074d0b13323981b87d813fd1207924d311a50f14a7f7bc03451af97f43
+pictures/food-saviour-logo.jpeg,1719686498958,e53f608224c14169c25cf0f6b23aa044b07d0acd974e25ea00bb56d8c46e8200
+assets/index-DFf9Cuv9.js,1719686499254,ed7c54faa65e0bb8d980ebdd37114064202c8ff06019f4300005c118a1666616
+pictures/background.jpg,1719686498957,551818180d82d1ede8c39c7bcb3f153b7bd4f408f81c4db000286afbd83cc11d

.firebase/hosting.cHVibGlj.cache

@@ -0,0 +1,7 @@
+404.html,1717825658751,05cbc6f94d7a69ce2e29646eab13be2c884e61ba93e3094df5028866876d18b3
+index.html,1719681420879,589a147d732c4869e90d2c2cbe612d7d968b94c0fa468df4a1bdfb87f6e66e06
+vite.svg,1717825658752,d3bbbc44b3ea71906a72bf2ec1a4716903e2e3d9f85a5007205a65d1f12e2923
+pictures/google-logo.png,1719684810003,e86dea39acce8801c60ad0e6658437d88ae507dff8192c904335d3c54df54c94
+pictures/food-saviour-logo.png,1719684810001,8f079a074d0b13323981b87d813fd1207924d311a50f14a7f7bc03451af97f43
+pictures/food-saviour-logo.jpeg,1719684810000,e53f608224c14169c25cf0f6b23aa044b07d0acd974e25ea00bb56d8c46e8200
+pictures/background.jpg,1719684809998,551818180d82d1ede8c39c7bcb3f153b7bd4f408f81c4db000286afbd83cc11d

firebase.json

@@ -1,7 +1,13 @@
 {
   "hosting": {
-    "site": "foodsaviour",
     "public": "dist",
-    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
+    "site": "foodsaviour",
+    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
   }
 }

package.json

@@ -13,7 +13,7 @@
     "bootstrap": "^5.3.3",
     "firebase": "^10.12.2",
     "react": "^18.2.0",
-    "react-bootstrap": "^2.10.2",
+    "react-bootstrap": "^2.10.3",
     "react-dom": "^18.2.0",
     "react-google-button": "^0.8.0",
     "react-router-dom": "^6.23.1",

src/App.css

@@ -1,6 +1,6 @@
 #root {
   text-align: center;
-  background-image: url(".\pictures\background.jpg");
+  background-image: url("/pictures/background.jpg");
   background-size: cover;
   background-position: center;
   background-repeat: repeat;

src/components/NavBar.tsx

@@ -34,7 +34,8 @@ export function NavBar() {
       <Container>
         <Navbar.Brand href="#">
           <img
-            src="src\pictures\food-saviour-logo.png"
+            src="/pictures/food-saviour-logo.png"
+            alt="logo"
             width="30"
             height="30"
             className="d-inline-block align-top me-2"