Use proper issue icon for issues

The exclamation mark looked too much like a warning or error.

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>

src/components/Icon.svelte

@@ -21,6 +21,7 @@
     | "exclamation-circle"
     | "fork"
     | "gear"
+    | "issue"
     | "magnifying-glass"
     | "moon"
     | "network"
@@ -493,6 +494,20 @@
   1.8701-0.84393 3.4204-0.22929 4.6486 0.6925 1.3838 2.004 2.4102 3.1211 3.0036
   0.15696 0.08337 0.23697 0.26295 0.19401 0.43534-0.042953 0.17246-0.19784
   0.29353-0.37557 0.29353z" />
+  {:else if name === "issue"}
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M2.5 12C2.5 6.75328
+    6.75329 2.49998 12 2.49998C17.2467 2.49998 21.5 6.75328 21.5 12C21.5
+    17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12ZM12
+    3.49998C7.30558 3.49998 3.5 7.30556 3.5 12C3.5 16.6944 7.30558 20.5 12
+    20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30556 16.6944 3.49998 12
+    3.49998Z" />
+    <path
+      d="M10.5 12C10.5 12.8284 11.1716 13.5 12 13.5C12.8284 13.5 13.5
+    12.8284 13.5 12C13.5 11.1716 12.8284 10.5 12 10.5C11.1716 10.5 10.5 11.1716
+    10.5 12Z" />
   {:else if name === "magnifying-glass"}
     <path
       fill-rule="evenodd"

src/views/projects/Header.svelte

@@ -54,7 +54,7 @@
     }}>
     <SquareButton active={activeTab === "issues"}>
       <svelte:fragment slot="icon">
-        <Icon size="small" name="exclamation-circle" />
+        <Icon size="small" name="issue" />
       </svelte:fragment>
       <span class="txt-bold">{project.issues.open}</span>
       {pluralize("issue", project.issues.open)}

src/views/projects/Issue.svelte

@@ -322,7 +322,7 @@
             class="state"
             class:closed={issue.state.status === "closed"}
             class:open={issue.state.status === "open"}>
-            <Icon name="exclamation-circle" />
+            <Icon name="issue" />
           </div>
         </svelte:fragment>
         <svelte:fragment slot="state">

src/views/projects/Issue/IssueTeaser.svelte

@@ -99,7 +99,7 @@
     class="state"
     class:closed={issue.state.status === "closed"}
     class:open={issue.state.status === "open"}>
-    <Icon name="exclamation-circle" />
+    <Icon name="issue" />
   </div>
   <div>
     <div class="summary">