Replace emojis with actual SVG logos on homepage (#21)

* Replace emojis with actual SVG logos on homepage platform section

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>

* Revert unintended package-lock.json changes

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>

* Changes before error encountered

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>

* Changes before error encountered

Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: waldekmastykarz <11164679+waldekmastykarz@users.noreply.github.com>

Author: Copilot

public/logos/angular.svg

@@ -227,17 +227,17 @@ import Layout from '../layouts/Layout.astro';
       </p>
       <div class="section-reveal grid grid-cols-2 md:grid-cols-4 gap-6">
         {[
-          { name: '.NET', icon: '⚙️' },
-          { name: 'Node.js', icon: '🟢' },
-          { name: 'Python', icon: '🐍' },
-          { name: 'Java', icon: '☕' },
-          { name: 'React', icon: '⚛️' },
-          { name: 'Angular', icon: '🅰️' },
-          { name: 'Browser', icon: '🌐' },
-          { name: 'Any REST API', icon: '🔗' },
+          { name: '.NET', icon: `${import.meta.env.BASE_URL}logos/dotnet.svg` },
+          { name: 'Node.js', icon: `${import.meta.env.BASE_URL}logos/nodejs.svg` },
+          { name: 'Python', icon: `${import.meta.env.BASE_URL}logos/python.svg` },
+          { name: 'Java', icon: `${import.meta.env.BASE_URL}logos/java.svg` },
+          { name: 'React', icon: `${import.meta.env.BASE_URL}logos/react.svg` },
+          { name: 'Angular', icon: `${import.meta.env.BASE_URL}logos/angular.svg` },
+          { name: 'Browser', icon: `${import.meta.env.BASE_URL}logos/browser.svg` },
+          { name: 'Any REST API', icon: `${import.meta.env.BASE_URL}logos/rest-api.svg` },
         ].map((tech) => (
           <div class="rounded-xl border p-5 text-center transition-all duration-300 hover:border-purple-500/50" style="background: var(--bg-secondary); border-color: var(--border-primary);">
-            <div class="text-2xl mb-2" aria-hidden="true">{tech.icon}</div>
+            <div class="mb-2 flex justify-center" aria-hidden="true"><img src={tech.icon} alt={tech.name} class="h-8 w-8" /></div>
             <p class="text-sm font-medium" style="color: var(--text-muted);">{tech.name}</p>
           </div>
         ))}