feat: proxy group icon (#1023)

auto-imports.d.ts

@@ -3,7 +3,6 @@
 // @ts-nocheck
 // noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
-// biome-ignore lint: disable
 export { }
 declare global {
   const $DEVCOMP: (typeof import('solid-js'))['$DEVCOMP']

src/pages/Proxies.tsx

@@ -189,9 +189,12 @@ export default () => {
                 const title = (
                   <>
                     <div class="flex items-center justify-between pr-8">
-                      <div class="flex items-center gap-2">
+                      <div class="flex items-center">
+                        <Show when={proxyGroup.icon}>
+                          <img src={proxyGroup.icon} class="h-8" />
+                        </Show>
                         <span>{proxyGroup.name}</span>
-                        <div class="badge badge-sm">
+                        <div class="badge badge-sm ml-2">
                           {proxyGroup.all?.length}
                         </div>
                       </div>

src/types/index.d.ts

@@ -12,6 +12,7 @@ export type Proxy = {
   name: string
   type: string
   all?: string[]
+  icon?: string
   extra: Record<string, unknown>
   history: {
     time: string