Phase 1: Fix script loading order and remove duplicates

- Remove duplicate cart.js loads from about.html and contact.html
- Standardize script loading order across all pages:
  1. api-cache.js (if needed)
  2. main.js
  3. shop-system.js
  4. Page-specific scripts
  5. UI enhancements last
- Remove cart.js from shop.html and product.html (shop-system handles it)
- Add api-cache.js to about.html and contact.html (they make API calls)
- Prevent double initialization conflicts

website/public/about.html

@@ -435,12 +435,19 @@
       </div>
     </footer>
 
+    <!-- Core utilities and state management -->
+    <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
+    
+    <!-- Shopping system (handles cart & wishlist) -->
+    <script src="/assets/js/shop-system.js"></script>
+    
+    <!-- Page interactions -->
     <script src="/assets/js/page-transitions.js?v=1766709739"></script>
     <script src="/assets/js/back-button-control.js?v=1766723554"></script>
-    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/navigation.js"></script>
-    <script src="/assets/js/cart.js"></script>
+    
-    <script src="/assets/js/shopping.js"></script>
+    <!-- Page-specific content loading -->
     <script>
       // Load about page content from API
       async function loadAboutContent() {
@@ -598,7 +605,5 @@
         loadTeamMembers();
       });
     </script>
-    <script src="/assets/js/cart.js"></script>
-    <script src="/assets/js/shop-system.js"></script>
   </body>
 </html>

website/public/blog.html

@@ -248,13 +248,17 @@
         </div>
       </div>
     </footer>
+    <!-- Core dependencies (load in order) -->
+    <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    
+    <!-- UI enhancements -->
     <script src="/assets/js/page-transitions.js?v=1766709739"></script>
     <script src="/assets/js/back-button-control.js?v=1766723554"></script>
-    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/navigation.js"></script>
-    <script src="/assets/js/shop-system.js"></script>
+    
-    <script src="/assets/js/shopping.js"></script>
+    <!-- Page-specific functionality -->
-    <script src="/assets/js/api-cache.js"></script>
     <script>
       // Load blog posts from API
       async function loadBlog() {

website/public/contact.html

@@ -546,12 +546,19 @@
       </div>
     </footer>
 
+    <!-- Core utilities and state management -->
+    <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
+    
+    <!-- Shopping system (handles cart & wishlist) -->
+    <script src="/assets/js/shop-system.js"></script>
+    
+    <!-- Page interactions -->
     <script src="/assets/js/page-transitions.js?v=1766709739"></script>
     <script src="/assets/js/back-button-control.js?v=1766723554"></script>
-    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/navigation.js"></script>
-    <script src="/assets/js/cart.js"></script>
+    
-    <script src="/assets/js/shopping.js"></script>
+    <!-- Page-specific functionality -->
     <script>
       // Handle contact form submission
       document
@@ -658,7 +665,5 @@
         loadContactInfo();
       }
     </script>
-    <script src="/assets/js/cart.js"></script>
-    <script src="/assets/js/shop-system.js"></script>
   </body>
 </html>

website/public/portfolio.html

@@ -319,13 +319,17 @@
         ></div>
       </div>
     </div>
+    <!-- Core dependencies (load in order) -->
+    <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
+    <script src="/assets/js/shop-system.js"></script>
+    
+    <!-- UI enhancements -->
     <script src="/assets/js/page-transitions.js?v=1766709739"></script>
     <script src="/assets/js/back-button-control.js?v=1766723554"></script>
-    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/navigation.js"></script>
-    <script src="/assets/js/shop-system.js"></script>
+    
-    <script src="/assets/js/shopping.js"></script>
+    <!-- Page-specific functionality -->
-    <script src="/assets/js/api-cache.js"></script>
     <script>
       let portfolioProjects = [];
       

website/public/product.html

@@ -195,14 +195,15 @@
 
     <div id="productDetail" style="display: none"></div>
 
+    <!-- Core Scripts (load in dependency order) -->
     <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/shop-system.js"></script>
-    <script src="/assets/js/cart.js"></script>
+    <script src="/assets/js/api-client.js"></script>
+    <script src="/assets/js/notifications.js"></script>
     <script src="/assets/js/page-transitions.js?v=1766709739"></script>
     <script src="/assets/js/back-button-control.js?v=1766723554"></script>
     <script src="/assets/js/navigation.js?v=1766708114"></script>
-    <script src="/assets/js/api-client.js"></script>
-    <script src="/assets/js/notifications.js"></script>
     <script>
       // Function to change primary image
       function changePrimaryImage(imageUrl, index) {

website/public/shop.html

@@ -856,10 +856,10 @@
       </div>
     </footer>
 
-    <!-- Core Scripts -->
+    <!-- Core Scripts (load in dependency order) -->
     <script src="/assets/js/api-cache.js"></script>
+    <script src="/assets/js/main.js"></script>
     <script src="/assets/js/shop-system.js"></script>
-    <script src="/assets/js/cart.js"></script>
     <script src="/assets/js/api-client.js"></script>
     <script src="/assets/js/notifications.js"></script>
     <script src="/assets/js/page-transitions.js?v=1767228800"></script>