chore: integrate local imgproxy sidecar and unify list components

- Added imgproxy service to docker-compose.dev.yml with URL mapping
- Implemented robust Base64 encoding for imgproxy source URLs
- Synchronized NEXT_PUBLIC_IMGPROXY_URL and NEXT_PUBLIC_BASE_URL
- Refactored About page to use existing marc-mintel.png asset
- Created shared IconList component and unified list styles project-wide
- Fixed vertical alignment issues in IconList items
- Updated dev script with aggressive port 3000 and lock file cleanup

apps/web/app/page.tsx

@@ -24,6 +24,7 @@ import {
 } from "../src/components/Typography";
 import { BackgroundGrid, Card, Container } from "../src/components/Layout";
 import { Button } from "../src/components/Button";
+import { IconList, IconListItem } from "../src/components/IconList";
 
 export default function LandingPage() {
   return (
@@ -94,7 +95,7 @@ export default function LandingPage() {
                 <div className="flex items-center gap-4">
                   <Label className="text-slate-900">Was ich biete</Label>
                 </div>
-                <ul className="space-y-6">
+                <IconList className="space-y-6">
                   {[
                     {
                       text: "Direkte Kommunikation ohne Umwege",
@@ -113,14 +114,15 @@ export default function LandingPage() {
                       icon: <ConceptPrice className="w-12 h-12" />,
                     },
                   ].map((item, i) => (
-                    <li key={i} className="flex items-center gap-6 group">
-                      <div className="shrink-0 transition-transform duration-500 group-hover:scale-110">
-                        {item.icon}
-                      </div>
+                    <IconListItem
+                      key={i}
+                      icon={item.icon}
+                      iconContainerClassName="mt-0"
+                    >
                       <LeadText className="text-xl">{item.text}</LeadText>
-                    </li>
+                    </IconListItem>
                   ))}
-                </ul>
+                </IconList>
               </div>
             </Reveal>
 
@@ -129,24 +131,25 @@ export default function LandingPage() {
                 <div className="flex items-center gap-4">
                   <Label>Was ich nicht mache</Label>
                 </div>
-                <ul className="space-y-4">
+                <IconList className="space-y-4">
                   {[
                     "Endlose Workshops ohne Ergebnis",
                     "PowerPoint-Schlachten",
                     "Outsourcing an Billig-Anbieter",
                     "Wartungsverträge mit versteckten Kosten",
                   ].map((item, i) => (
-                    <li
+                    <IconListItem
                       key={i}
-                      className="flex items-start gap-3 decoration-slate-200 line-through"
+                      bullet
+                      className="line-through decoration-slate-200"
+                      iconClassName="opacity-20"
                     >
-                      <span className="w-1.5 h-1.5 bg-slate-200 rounded-full mt-2.5 shrink-0"></span>
                       <LeadText className="text-slate-400 text-lg">
                         {item}
                       </LeadText>
-                    </li>
+                    </IconListItem>
                   ))}
-                </ul>
+                </IconList>
               </div>
             </Reveal>
           </div>