feat(ui): add QXIP and Hepic sponsors to About settings

Show a Sponsored by QXIP and Hepic card on Settings → About with
links and logos to qxip.net and hepic.tel.

Author: adubovikov

src/ui/src/settings/AboutPanel.tsx

@@ -27,9 +27,14 @@ interface AboutPanelProps {
   onRefresh?: () => void
 }
 
+const QXIP_URL = 'https://qxip.net/'
+const QXIP_LOGO_URL = 'https://qxip.net/images/qxip.png'
+const HEPIC_URL = 'https://hepic.tel/'
+const HEPIC_LOGO_URL = 'https://hepic.tel/images/contents/hero-phone.png'
+
 export default function AboutPanel({ me, avatarUrl = null, loading, onRefresh }: AboutPanelProps) {
   return (
-    <div>
+    <div className="space-y-6">
       <SettingsPageHeader
         title="About"
         description="Your current profile and account details."
@@ -81,6 +86,51 @@ export default function AboutPanel({ me, avatarUrl = null, loading, onRefresh }:
           )}
         </CardContent>
       </Card>
+
+      <Card>
+        <CardHeader>
+          <CardTitle>Sponsored by QXIP and Hepic</CardTitle>
+          <CardDescription>
+            HOMER is developed by QXIP; Hepic extends the HEP stack with carrier-grade RTC observability.
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="flex flex-col gap-8 sm:flex-row sm:items-start sm:gap-10">
+          <a
+            href={QXIP_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex min-w-0 flex-1 flex-col gap-3 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          >
+            <img
+              src={QXIP_LOGO_URL}
+              alt="QXIP — Telecom observability"
+              className="h-auto max-h-16 w-full max-w-xs object-contain object-left"
+              loading="lazy"
+              decoding="async"
+            />
+            <span className="text-sm font-medium text-primary underline-offset-4 hover:underline">
+              qxip.net
+            </span>
+          </a>
+          <a
+            href={HEPIC_URL}
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex min-w-0 flex-1 flex-col gap-3 rounded-lg outline-none ring-offset-background transition-opacity hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
+          >
+            <img
+              src={HEPIC_LOGO_URL}
+              alt="HEPIC — VoIP and RTC analyzer"
+              className="h-auto max-h-48 w-full max-w-md object-contain object-left"
+              loading="lazy"
+              decoding="async"
+            />
+            <span className="text-sm font-medium text-primary underline-offset-4 hover:underline">
+              hepic.tel
+            </span>
+          </a>
+        </CardContent>
+      </Card>
     </div>
   )
 }