fix null url and logo palcement on navbar

src/components/Navbar/Navbar.jsx

@@ -336,6 +336,7 @@ const Navbar = () => {
                     height: 25,
                   }} />
               </a>
+              
             </Box>
 
             {/* Center Section: Nav Items */}

src/components/ProductHistoryList/ProductHistoryList.jsx

@@ -72,7 +72,7 @@ const ProductHistoryList = () => {
             let {id, title, compareAtPriceRange, images, collections} = product
             let price = compareAtPriceRange.maxVariantPrice.amount
             let currency = compareAtPriceRange.maxVariantPrice.currencyCode
-            let img_url = images.nodes[0].url
+            let img_url = images.nodes[0]?.url
 
             // ID
             const parts = id.split('/');

src/components/ProductList/ProductList.jsx

@@ -319,7 +319,7 @@ const ProductList = ({ size = 99999 }) => {
             let maxPrice = maxVariantPrice.amount
             let maxPriceCurrency = maxVariantPrice.currencyCode
 
-            let img_url = images[0].url
+            let img_url = images[0]?.url
             let collection_name = collections[0]?.title
 
             if (index < size) {

src/components/ProductSelected/ProductSelected.jsx

@@ -136,7 +136,7 @@ const ProductSelected = () => {
           let maxPrice = maxVariantPrice.amount
           let maxPriceCurrency = maxVariantPrice.currencyCode
 
-          let img_url = images[0].url
+          let img_url = images[0]?.url
           let collection_name = collections[0]?.title
 
           // ID

src/components/ProductSuggestion/ProductSuggestion.jsx

@@ -65,7 +65,7 @@ const ProductSuggestion = () => {
           let {id, title, compareAtPriceRange, images, collections} = product
           let price = compareAtPriceRange.maxVariantPrice.amount
           let currency = compareAtPriceRange.maxVariantPrice.currencyCode
-          let img_url = images.nodes[0].url
+          let img_url = images.nodes[0]?.url
 
           // ID
           const parts = id.split('/');

src/index.css

@@ -384,3 +384,15 @@
   scrollbar-width: thin; /* Thin scrollbar */
   scrollbar-color: #95AAC5 #FFF; /* Thumb color and track color */
 }
+
+/*LOADER*/
+/* HTML: <div class="loader"></div> */
+.loader {
+  width: 50px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  border: 8px solid;
+  border-color: #000 #0000;
+  animation: l1 1s infinite;
+}
+@keyframes l1 {to{transform: rotate(.5turn)}}