feat(app): packets icon (#2861)

closes #2844 

Now u can use as svelte component

```js
import UnionIcon from "$lib/components/union-icons/index.svelte"

<UnionIcon theme="mono" name="transfers" class="mr-2 size-5" />
```
or import  and use in TS/JS

```js
import { UnionIcons } from "$lib/components/union-icons/union-icons.ts"

{ route: "packets", icon: UnionIcons.packet.variants.color, description: "All packets" },
```