refactor(StatusIcon): port forward replace Snippet with Component (podman-desktop#12228)

Signed-off-by: axel7083 <[email protected]>

Author: axel7083

packages/renderer/src/lib/kubernetes-port-forward/EthernetIcon.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+import { faEthernet } from '@fortawesome/free-solid-svg-icons/faEthernet';
+import Fa from 'svelte-fa';
+</script>
+
+<Fa class="w-[20px]" scale={1.5} icon={faEthernet} />

packages/renderer/src/lib/kubernetes-port-forward/PortForwardIcon.svelte

@@ -1,20 +1,16 @@
 <script lang="ts">
-import { faEthernet } from '@fortawesome/free-solid-svg-icons';
 import { StatusIcon } from '@podman-desktop/ui-svelte';
-import Fa from 'svelte-fa';
 
 import type { ForwardConfig } from '/@api/kubernetes-port-forward-model';
 
+import EthernetIcon from './EthernetIcon.svelte';
+
 interface Props {
   object: ForwardConfig;
 }
 let { object }: Props = $props();
 </script>
 
-{#snippet Ethernet()}
-  <Fa class="w-[20px]" scale={1.5} icon={faEthernet} />
-{/snippet}
-
 {#if object}
-  <StatusIcon status="RUNNING" icon={Ethernet} />
+  <StatusIcon status="RUNNING" icon={EthernetIcon} />
 {/if}