fix: update svg look

src/favicon.svg

@@ -1,31 +1,19 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
-  <title>Astrolabe Icon (Thin)</title>
-  <rect width="100%" height="100%" fill="#ffffff"/>
-
+  <title>Astrolabe Icon (Centered &amp; Shifted Up)</title>
+  <g transform="translate(0,-28)">
+    <circle cx="256" cy="284" r="256" fill="#ffffff"/>
     <g stroke="#000000" stroke-width="10" stroke-linecap="round" stroke-linejoin="round" fill="none">
-    <!-- Suspension ring -->
       <circle cx="256" cy="64" r="24"/>
-    <!-- Shackle -->
       <path d="M236 96 L276 96 L276 120 L236 120 Z"/>
-
-    <!-- Outer mater -->
       <circle cx="256" cy="284" r="220"/>
-    <!-- Inner ring -->
       <circle cx="256" cy="284" r="180"/>
-
-    <!-- Cardinal spokes -->
       <line x1="256" y1="104" x2="256" y2="464"/>
       <line x1="76"  y1="284" x2="436" y2="284"/>
-    <!-- Diagonals -->
       <line x1="128" y1="156" x2="384" y2="412"/>
       <line x1="384" y1="156" x2="128" y2="412"/>
-
-    <!-- Ecliptic ring -->
       <g transform="translate(256,284) rotate(-23)">
         <ellipse cx="0" cy="0" rx="150" ry="110"/>
       </g>
-
-    <!-- Alidade -->
       <g transform="translate(256,284) rotate(-12)">
         <line x1="-150" y1="0" x2="150" y2="0"/>
         <circle cx="0" cy="0" r="18" fill="#ffffff" stroke="#000000" stroke-width="6"/>
@@ -33,8 +21,6 @@
         <circle cx="-110" cy="0" r="6" stroke-width="6"/>
         <circle cx="110"  cy="0" r="6" stroke-width="6"/>
       </g>
-
-    <!-- Degree ticks -->
       <g transform="translate(256,284)">
         <g>
           <line x1="0" y1="-200" x2="0" y2="-186"/>
@@ -52,4 +38,5 @@
         </g>
       </g>
     </g>
+  </g>
 </svg>