Fix radio button centering (#1733)

Author: myieye

frontend/viewer/src/lib/components/ui/context-menu/context-menu-radio-item.svelte

@@ -22,6 +22,7 @@
 	{#snippet children({ checked })}
 		<span class="absolute left-2 flex size-3.5 items-center justify-center">
 			{#if checked}
+        <!-- If not centered, see the change made in radio-group-item.svelte -->
         <Icon icon="i-mdi-circle" class="size-3 text-current"/>
 			{/if}
 		</span>

frontend/viewer/src/lib/components/ui/dropdown-menu/dropdown-menu-radio-item.svelte

@@ -22,6 +22,7 @@
   {#snippet children({ checked })}
     <span class="absolute left-2 flex size-3.5 items-center justify-center">
       {#if checked}
+        <!-- If not centered, see the change made in radio-group-item.svelte -->
         <Icon icon="i-mdi-circle" class="size-2 text-current" />
       {/if}
     </span>

frontend/viewer/src/lib/components/ui/radio-group/radio-group-item.svelte

@@ -26,15 +26,9 @@
     {...restProps}
   >
     {#snippet children({ checked })}
-      <!--
-      The circle icon is not well centered depending on zoom level.
-      There are multiple potential fixes worth trying in: https://github.com/shadcn-ui/ui/issues/3621
-      -->
-      <div class="flex items-center justify-center">
-        {#if checked}
-          <Icon icon="i-mdi-circle" class="size-3 text-current" />
-        {/if}
-      </div>
+      {#if checked}
+        <Icon icon="i-mdi-circle" class="text-current size-full scale-75 origin-center" />
+      {/if}
     {/snippet}
   </RadioGroupPrimitive.Item>
 {/snippet}