Remove astro-heroicons which breaks github actions, use SVG, update s…

…tyles

package.json

@@ -32,7 +32,6 @@
     "@types/react-dom": "^18.0.11",
     "alpinejs": "^3.11.1",
     "astro": "^2.0.13",
-    "astro-heroicons": "^0.3.0",
     "classnames": "^2.3.2",
     "clsx": "^1.2.1",
     "react": "^18.2.0",

public/images/icons/README.md

@@ -1,3 +1,4 @@
 # Icon Sources
 
 - edit icon https://heroicons.com/
+- questions mark icon

src/components/Layout/NavigationProjects.astro

@@ -1,6 +1,5 @@
 ---
 import clsx from 'clsx'
-import QuestionmarkCircle from 'astro-heroicons/solid/QuestionmarkCircle.astro'
 
 export interface Props {
   menuHighlight: string | undefined
@@ -43,8 +42,11 @@ const { menuHighlight } = Astro.props
 
 <h2 class="my-2 flex items-center text-xl font-semibold">
   Parkraum Berlin
-  <a href="/#project-vector-tiles" class="ml-1 hover:text-blue-600">
-    <QuestionmarkCircle class="h-5 w-5" aria-hidden={true} />
+  <a
+    href="/#project-vector-tiles"
+    class="ml-1 rounded-full ring-blue-500 hover:bg-blue-100 hover:ring-2"
+  >
+    <img src="/images/icons/questionmarkCircle.svg" class="h-5 w-5" alt="" area-hidden="true" />
     <span class="sr-only">Mehr erfahren…</span>
   </a>
 </h2>
@@ -80,8 +82,11 @@ const { menuHighlight } = Astro.props
 
 <h2 class="my-2 flex items-center text-xl font-semibold">
   Prototype Neukölln
-  <a href="/#project-prototype-neukoelln' }}" class="ml-1 hover:text-blue-600">
-    <QuestionmarkCircle class="h-5 w-5" aria-hidden={true} />
+  <a
+    href="/#project-prototype-neukoelln' }}"
+    class="ml-1 rounded-full ring-blue-500 hover:bg-blue-100 hover:ring-2"
+  >
+    <img src="/images/icons/questionmarkCircle.svg" class="h-5 w-5" alt="" area-hidden="true" />
     <span class="sr-only">Mehr erfahren…</span>
   </a>
 </h2>