chore: add UI styles and update documentation

- Add cart drawer and product gallery thumbnail CSS
- Remove redundant type="text/javascript" attribute
- Update image optimization plan to reflect completion

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

assets/css/app.css

@@ -115,3 +115,23 @@
 @import "./theme-semantic.css";
 
 /* This file is for your main application CSS */
+
+/* Cart drawer open state styles */
+.cart-drawer.open {
+  right: 0 !important;
+}
+
+.cart-drawer-overlay.open {
+  opacity: 1 !important;
+  visibility: visible !important;
+}
+
+/* Product gallery thumbnail styles */
+.pdp-thumbnail {
+  border: 2px solid var(--t-border-default);
+  transition: border-color 0.15s ease;
+}
+
+.pdp-thumbnail-active {
+  border-color: hsl(var(--t-accent-h) var(--t-accent-s) var(--t-accent-l));
+}

docs/plans/image-optimization.md

@@ -7,21 +7,21 @@
 
 ## Progress Tracker
 
-**Current Phase:** Not started
+**Current Phase:** Complete
 **Last Updated:** 2026-01-21
 
 | Phase | Status | Commit |
 |-------|--------|--------|
-| 1. Oban dependency + config | ⬜ Pending | - |
+| 1. Oban dependency + config | ✅ Complete | dbadd2a |
-| 2. Migration + Schema | ⬜ Pending | - |
+| 2. Migration + Schema | ✅ Complete | cefec1a |
-| 3. Optimizer module | ⬜ Pending | - |
+| 3. Optimizer module | ✅ Complete | 2b5b749 |
-| 4. Oban worker | ⬜ Pending | - |
+| 4. Oban worker | ✅ Complete | 2b5b749 |
-| 5. Media module integration | ⬜ Pending | - |
+| 5. Media module integration | ✅ Complete | (pending commit) |
-| 6. VariantCache GenServer | ⬜ Pending | - |
+| 6. VariantCache GenServer | ✅ Complete | (pending commit) |
-| 7. Responsive image component | ⬜ Pending | - |
+| 7. Responsive image component | ✅ Complete | (pending commit) |
-| 8. ImageController disk serving | ⬜ Pending | - |
+| 8. ImageController disk serving | ✅ Complete | (pending commit) |
-| 9. Mix task for mockups | ⬜ Pending | - |
+| 9. Mix task for mockups | ✅ Complete | (pending commit) |
-| 10. Final integration + Lighthouse | ⬜ Pending | - |
+| 10. Final integration + Lighthouse | ✅ Complete | (pending commit) |
 
 **Legend:** ⬜ Pending | 🔄 In Progress | ✅ Complete | ❌ Blocked
 

lib/simpleshop_theme_web/components/layouts/root.html.heex

@@ -8,7 +8,7 @@
       {assigns[:page_title]}
     </.live_title>
     <link phx-track-static rel="stylesheet" href={~p"/assets/css/app.css"} />
-    <script defer phx-track-static type="text/javascript" src={~p"/assets/js/app.js"}>
+    <script defer phx-track-static src={~p"/assets/js/app.js"}>
     </script>
     <script>
       (() => {