feat: add some images to invoice

src/content/projects/invoice/index.mdx

@@ -12,6 +12,18 @@ links:
   ]
 ---
 
+import bg from './images/bg.jpg'
+import invoices from './images/invoices.png'
+import customers from './images/customers.png'
+import editCustomers from './images/edit-customer.png'
+import editProfile from './images/edit-profile.png'
+import overview from './images/overview.png'
+import ImageSlider from '@components/ImageSlider.svelte'
+import Image from '@components/Image.astro'
+
+
+# Einleitung
+
 In meiner Freizeit übernehme ich gerne kleinere Aufträge und erledige Botengänge, Aufbauten und Abholungen für andere.  
   
 Ein unvermeidlicher Bestandteil dieser Tätigkeiten ist das Erstellen von Rechnungen im PDF-Format. Anfangs habe ich mich dem manuellen Prozess hingegeben und die ersten Rechnungen in Figma erstellt. Doch wie es unter Programmierer*innen oft heißt:
@@ -20,25 +32,32 @@ Ein unvermeidlicher Bestandteil dieser Tätigkeiten ist das Erstellen von Rechnu
 
 Aus dieser Überlegung heraus entstand mein neuestes Hobbyprojekt – **"Invoice."**
 
-## Entwicklung
+<ImageSlider title="Invoice Screens" client:load>
+  <Image src={invoices} alt="Invoices" />
+  <Image src={customers} alt="Customers" />
+  <Image src={editCustomers} alt="Edit Customers" />
+  <Image src={editProfile} alt="Edit Profile" />
+  <Image src={overview} alt="Overview" />
+</ImageSlider>
+
+# Entwicklung
 
 In der Entwicklung habe ich stets das Prinzip 'K.I.S.S.' im Hinterkopf behalten: Keep it simple, stupid. Für dieses Projekt bedeutete das die Auswahl von "langweiligen", aber mir bestens vertrauten Technologien:
 
-[-> SvelteKit](https://kit.svelte.dev)  
+## [🚀 SvelteKit](https://kit.svelte.dev)  
 Für eine effiziente und reaktive Benutzeroberfläche.
 
-[-> UNOcss](https://unocss.dev/)  
+## [🎨 UNOcss](https://unocss.dev/)  
 Die schnellere Tailwind Alternative.
 
-[-> TypesafeI18n]()  
+## [🌍 TypesafeI18n](https://github.com/ivanhofer/typesafe-i18n)  
 Um mehrsprachige Unterstützung ohne komplizierte Logik zu integrieren.
 
-[-> Prisma](https://prisma.io)  
+## [🛠️ Prisma](https://prisma.io)  
 Als Datenbankzugriffslayer für eine reibungslose Datenverwaltung.
 
-[-> SQLite](https://www.sqlite.org/index.html)  
+## [🗃️ SQLite](https://www.sqlite.org/index.html)  
 Als zuverlässiges Backend, das sich ideal für kleinere Projekte eignet.
 
-Diese bewährten Technologien bildeten das robuste Fundament, auf dem "Invoice" aufgebaut wurde.
-
-
+## [📄Playwright ](https://playwright.dev)
+Zum erstellen der PDFs.