feat: add browser logo icons for all detected browsers

Use real browser logos from alrra/browser-logos (SVG where available,
PNG fallback for archived browsers). Replaces the generic globe icon
with actual Chrome, Firefox, Safari, Edge, Opera, Brave, Vivaldi, Arc,
Samsung Internet, UC Browser, Yandex, Waterfox, Pale Moon, DuckDuckGo,
Maxthon, Silk, Puffin, Tor, and Opera Mini logos.

lib/utils/icons.tsx

@@ -32,9 +32,34 @@ import {
  */
 export const FAVICON_SERVICE_URL = 'https://www.google.com/s2/favicons'
 
+const BROWSER_ICON_MAP: Record<string, { file: string; ext: 'svg' | 'png' }> = {
+  'chrome':           { file: 'chrome',           ext: 'svg' },
+  'firefox':          { file: 'firefox',          ext: 'svg' },
+  'safari':           { file: 'safari',           ext: 'svg' },
+  'edge':             { file: 'edge',             ext: 'svg' },
+  'opera':            { file: 'opera',            ext: 'svg' },
+  'brave':            { file: 'brave',            ext: 'svg' },
+  'vivaldi':          { file: 'vivaldi',          ext: 'svg' },
+  'samsung internet': { file: 'samsung-internet', ext: 'svg' },
+  'uc browser':       { file: 'uc-browser',       ext: 'svg' },
+  'yandex browser':   { file: 'yandex',           ext: 'png' },
+  'waterfox':         { file: 'waterfox',         ext: 'png' },
+  'pale moon':        { file: 'pale-moon',        ext: 'png' },
+  'duckduckgo':       { file: 'duckduckgo',       ext: 'png' },
+  'maxthon':          { file: 'maxthon',          ext: 'png' },
+  'silk':             { file: 'silk',             ext: 'png' },
+  'puffin':           { file: 'puffin',           ext: 'png' },
+  'arc':              { file: 'arc',              ext: 'png' },
+  'tor':              { file: 'tor',              ext: 'png' },
+  'opera mini':       { file: 'opera-mini',       ext: 'png' },
+}
+
 export function getBrowserIcon(browserName: string) {
   if (!browserName) return <Globe className="text-neutral-400" />
-  return <Globe className="text-neutral-500" />
+  const entry = BROWSER_ICON_MAP[browserName.toLowerCase()]
+  if (!entry) return <Globe className="text-neutral-500" />
+  const src = `/icons/browsers/${entry.file}.${entry.ext}`
+  return <img src={src} alt={browserName} width={18} height={18} className="inline-block" style={{ verticalAlign: '-0.125em' }} />
 }
 
 export function getOSIcon(osName: string) {

public/icons/browsers/brave.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2770 2770"><linearGradient id="a" y1="51%" y2="51%"><stop offset=".4" stop-color="#f50"/><stop offset=".6" stop-color="#ff2000"/></linearGradient><linearGradient id="b" x1="2%" y1="51%" y2="51%"><stop offset="0" stop-color="#ff452a"/><stop offset="1" stop-color="#ff2000"/></linearGradient><path fill="url(#a)" d="M2395 723l60-147-170-176c-92-92-288-38-288-38l-222-252H992L769 363s-196-53-288 37L311 575l60 147-75 218 250 953c52 204 87 283 234 387l457 310c44 27 98 74 147 74s103-47 147-74l457-310c147-104 182-183 234-387l250-953z"/><path fill="#fff" d="M1935 524s287 347 287 420c0 75-36 94-72 133l-215 230c-20 20-63 54-38 113 25 60 60 134 20 210-40 77-110 128-155 120a820 820 0 01-190-90c-38-25-160-126-160-165s126-110 150-124c23-16 130-78 132-102s2-30-30-90-88-140-80-192c10-52 100-80 167-105l207-78c16-8 12-15-36-20-48-4-183-22-244-5s-163 43-173 57c-8 14-16 14-7 62l58 315c4 40 12 67-30 77-44 10-117 27-142 27s-99-17-142-27-35-37-30-77c4-40 48-268 57-315 10-48 1-48-7-62-10-14-113-40-174-57-60-17-196 1-244 6-48 4-52 10-36 20l207 77c66 25 158 53 167 105 10 53-47 132-80 192s-32 66-30 90 110 86 132 102c24 15 150 85 150 124s-119 140-159 165a820 820 0 01-190 90c-45 8-115-43-156-120-40-76-4-150 20-210 25-60-17-92-38-113l-215-230c-35-37-71-57-71-131s287-420 287-420l273 44c32 0 103-27 168-50 65-20 110-22 110-22s44 0 110 22 136 50 168 50c33 0 275-47 275-47zm-215 1328c18 10 7 32-10 44l-254 198c-20 20-52 50-73 50s-52-30-73-50a13200 13200 0 00-255-198c-16-12-27-33-10-44l150-80a870 870 0 01188-73c15 0 110 34 187 73l150 80z"/><path fill="url(#b)" d="M1999 363l-224-253H992L769 363s-196-53-288 37c0 0 260-23 350 123l276 47c32 0 103-27 168-50 65-20 110-22 110-22s44 0 110 22 136 50 168 50c33 0 275-47 275-47 90-146 350-123 350-123-92-92-288-38-288-38"/></svg>

public/icons/browsers/chrome.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="-10 -10 276 276"><linearGradient id="a" x1="145" x2="34" y1="253" y2="61" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1e8e3e"/><stop offset="1" stop-color="#34a853"/></linearGradient><linearGradient id="b" x1="111" x2="222" y1="254" y2="62" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fcc934"/><stop offset="1" stop-color="#fbbc04"/></linearGradient><linearGradient id="c" x1="17" x2="239" y1="80" y2="80" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d93025"/><stop offset="1" stop-color="#ea4335"/></linearGradient><circle cx="128" cy="128" r="64" fill="#fff"/><path fill="url(#a)" d="M96 183.4A63.7 63.7 0 0 1 72.6 160L17.2 64A128 128 0 0 0 128 256l55.4-96A64 64 0 0 1 96 183.4Z"/><path fill="url(#b)" d="M192 128a63.7 63.7 0 0 1-8.6 32L128 256A128 128 0 0 0 238.9 64h-111a64 64 0 0 1 64 64Z"/><circle cx="128" cy="128" r="52" fill="#1a73e8"/><path fill="url(#c)" d="M96 72.6a63.7 63.7 0 0 1 32-8.6h110.8a128 128 0 0 0-221.7 0l55.5 96A64 64 0 0 1 96 72.6Z"/></svg>

public/icons/browsers/edge.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:x="http://www.w3.org/1999/xlink" viewBox="0 0 27600 27600"><linearGradient id="a" gradientUnits="userSpaceOnUse"/><linearGradient id="b" x1="6870" x2="24704" y1="18705" y2="18705" x:href="#a"><stop offset="0" stop-color="#0c59a4"/><stop offset="1" stop-color="#114a8b"/></linearGradient><linearGradient id="c" x1="16272" x2="5133" y1="10968" y2="23102" x:href="#a"><stop offset="0" stop-color="#1b9de2"/><stop offset=".16" stop-color="#1595df"/><stop offset=".67" stop-color="#0680d7"/><stop offset="1" stop-color="#0078d4"/></linearGradient><radialGradient id="d" cx="16720" cy="18747" r="9538" x:href="#a"><stop offset=".72" stop-opacity="0"/><stop offset=".95" stop-opacity=".53"/><stop offset="1"/></radialGradient><radialGradient id="e" cx="7130" cy="19866" r="14324" gradientTransform="matrix(.14843 -.98892 .79688 .1196 -8759 25542)" x:href="#a"><stop offset=".76" stop-opacity="0"/><stop offset=".95" stop-opacity=".5"/><stop offset="1"/></radialGradient><radialGradient id="f" cx="2523" cy="4680" r="20243" gradientTransform="matrix(-.03715 .99931 -2.12836 -.07913 13579 3530)" x:href="#a"><stop offset="0" stop-color="#35c1f1"/><stop offset=".11" stop-color="#34c1ed"/><stop offset=".23" stop-color="#2fc2df"/><stop offset=".31" stop-color="#2bc3d2"/><stop offset=".67" stop-color="#36c752"/></radialGradient><radialGradient id="g" cx="24247" cy="7758" r="9734" gradientTransform="matrix(.28109 .95968 -.78353 .22949 24510 -16292)" x:href="#a"><stop offset="0" stop-color="#66eb6e"/><stop offset="1" stop-color="#66eb6e" stop-opacity="0"/></radialGradient><path id="h" d="M24105 20053a9345 9345 0 01-1053 472 10202 10202 0 01-3590 646c-4732 0-8855-3255-8855-7432 0-1175 680-2193 1643-2729-4280 180-5380 4640-5380 7253 0 7387 6810 8137 8276 8137 791 0 1984-230 2704-456l130-44a12834 12834 0 006660-5282c220-350-168-757-535-565z"/><path id="i" d="M11571 25141a7913 7913 0 01-2273-2137 8145 8145 0 01-1514-4740 8093 8093 0 013093-6395 8082 8082 0 011373-859c312-148 846-414 1554-404a3236 3236 0 012569 1297 3184 3184 0 01636 1866c0-21 2446-7960-8005-7960-4390 0-8004 4166-8004 7820 0 2319 538 4170 1212 5604a12833 12833 0 007684 6757 12795 12795 0 003908 610c1414 0 2774-233 4045-656a7575 7575 0 01-6278-803z"/><path id="j" d="M16231 15886c-80 105-330 250-330 566 0 260 170 512 472 723 1438 1003 4149 868 4156 868a5954 5954 0 003027-839 6147 6147 0 001133-850 6180 6180 0 001910-4437c26-2242-796-3732-1133-4392-2120-4141-6694-6525-11668-6525-7011 0-12703 5635-12798 12620 47-3654 3679-6605 7996-6605 350 0 2346 34 4200 1007 1634 858 2490 1894 3086 2921 618 1067 728 2415 728 2952s-271 1333-780 1990z"/><use fill="url(#b)" x:href="#h"/><use fill="url(#d)" opacity=".35" x:href="#h"/><use fill="url(#c)" x:href="#i"/><use fill="url(#e)" opacity=".4" x:href="#i"/><use fill="url(#f)" x:href="#j"/><use fill="url(#g)" x:href="#j"/></svg>

public/icons/browsers/opera.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1090 1090"><linearGradient id="a" x1="461" x2="461" y1="59" y2="1033" gradientUnits="userSpaceOnUse"><stop offset=".6" stop-color="#ff1b2d"/><stop offset="1" stop-color="#a70014"/></linearGradient><linearGradient id="b" x1="714" x2="714" y1="116" y2="978" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0000"/><stop offset=".7" stop-color="#ff4b4b"/></linearGradient><path fill="url(#a)" d="M545 42.5a502.5 502.5 0 10334.9 877.1 362.4 362.4 0 01-201.4 61.5c-119.7 0-226.8-59.4-299-153-55.6-65.6-91.5-162.5-94-271.3V533c2.5-108.8 38.4-205.8 94-271.3 72-93.6 179.3-153 299-153 73.6 0 142.5 22.5 201.4 61.6a500.8 500.8 0 00-333-127.9h-2z"/><path fill="url(#b)" d="M379.6 261.8c46-54.4 105.7-87.3 170.7-87.3 146.3 0 265 166 265 370.4 0 204.6-118.6 370.4-265 370.4-65 0-124.6-32.8-170.7-87.2 72 93.6 179.2 153 299 153A363 363 0 00880 919.6 501 501 0 001047.5 545a501.1 501.1 0 00-167.6-374.6 362.4 362.4 0 00-201.4-61.5c-119.7 0-226.8 59.4-299 153"/></svg>

public/icons/browsers/safari-ios.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5120 5120"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#19d7ff"/><stop offset="1" stop-color="#1e64f0"/></linearGradient><g fill="#fff"><rect width="5130" height="5120" rx="1050"/><circle cx="2560" cy="2560" r="2240" fill="url(#a)"/><path fill="red" d="M4090 1020 2370 2370l4e2 4e2z"/><path d="M1020 4090l1350-1720 4e2 4e2z"/></g><path stroke="#fff" stroke-width="30" d="M2560 540v330m0 3370v330m350-4e3-57 325m-586 3318-57 327M3250 662l-113 310M1984 4138l-113 310m339-3878 57 325m586 3318 57 327M1870 662l113 310m1152 3166 113 310M1552 810l166 286m1685 2918 165 286M1265 1010l212 253m2166 2582 212 253M1015 1258l253 212m2582 2168 253 212M813 1548l286 165m2920 1685 286 165M665 1866l310 113m3166 1150 310 113M574 2202l326 58m3320 588 325 57M545 2555h330m3370 0h330M575 2905l325-57m3320-586 325-57M668 3245l310-113m3165-1152 310-113M815 3563l286-165m2920-1685 286-165M1016 3850l253-212m2580-2166 253-212M1262 41e2l212-253m2166-2582 212-253M1552 43e2l166-286m1685-2918 165-286M2384 548l16 180m320 3656 16 180M2038 610l47 174m950 3544 47 174M1708 730l76 163m1550 3326 77 163M1404 904l103 148m2106 3006 103 148M1135 1130l127 127m2596 2596 127 127M910 14e2l148 103m3006 2107 146 1e2M734 1703l163 76m3326 1550 163 77M614 2033l174 47m3544 950 174 47M553 2380l180 16m3656 320 180 16m-4014 0 180-16m3656-320 180-16M614 3077l174-47m3544-950 174-47M734 3407l163-76m3326-1550 163-76M910 3710l148-103m3006-2107 146-1e2M1404 4206l103-148m2105-3006 104-148M1708 4380l77-163M3335 890l77-163M2038 45e2l47-174m950-3544 47-174m-698 3952 16-180m320-3656 16-180"/></svg>

public/icons/browsers/samsung-internet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 525 525"><path fill="#7882ff" d="M203 0h120c111 0 202 90 202 203v120c0 111-90 202-203 202H202C92 525 0 435 0 322V202C0 92 90 0 203 0z"/><path fill="#4d5cc1" d="M402 263l-1-17-5-10c33 30 50 62 40 87-8 23-36 36-74 38-37 2-83-6-130-24a323 323 0 01-113-69c-27-27-39-55-30-78 9-24 40-36 81-37h1a142 142 0 00-42 55c9 25 44 55 113 84 56 23 122 35 151 16h2c4-15 7-30 7-45z"/><path fill="#fff" d="M401 246a143 143 0 01-6 61c-29 20-96 9-153-15-69-30-104-59-112-84a142 142 0 0141-55l1-1a142 142 0 01229 94zM261 404a142 142 0 01-142-136 344 344 0 00243 93 141 141 0 01-102 43z"/></svg>

public/icons/browsers/uc-browser.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 36600 36600"><linearGradient id="a" x1="18300" x2="18300" y1="36551" y2="50" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff780b"/><stop offset="1" stop-color="#ffa322"/></linearGradient><path fill="url(#a)" d="M28539 36550H8061A8011 8011 0 0150 28539V8061A8011 8011 0 018061 50h20479a8011 8011 0 018011 8011v20479a8011 8011 0 01-8012 8010z"/><path d="M14177 31857l-134-40c-3768-1063-5541-5252-4515-8650 539-1785 1698-3109 3211-4140 1016-694 2071-1331 3087-2023 1454-993 2554-2278 3100-3977 669-2078 448-4026-1038-5690-1562-1750-3575-2432-5886-2134-2964 382-5181 1950-6789 4427-66 101-114 212-170 319 667-431 1358-708 2128-801 1560-190 3060 843 3354 2341 226 1152-73 2206-759 3118-732 973-1537 1894-2334 2818-1837 2133-2782 4553-2387 7394 332 2386 1552 4251 3533 5587 1679 1131 3602 1460 5599 1451m5012-15353c1080-10 2135 197 3175 496a16676 16676 0 014187 1883c1241 771 2573 990 3994 753 279-46 554-137 815-243 92-38 195-178 201-277 21-342 24-687-6-1028a6592 6592 0 00-1129-3188c-798-1166-1916-1904-3239-2347-224-75-309-189-355-400-64-297-145-594-249-878-201-545-472-1050-925-1473-84 103-156 182-217 269-630 904-877 1925-878 3008 0 310-89 537-338 701-689 453-1354 953-2080 1337-960 510-1969 930-2956 1387m3759 13112a8349 8349 0 00483-2834c-8-1253-234-2465-864-3540-1426-2435-3570-3713-6418-3693-1409 10-2662 492-3687 1489a5046 5046 0 00-1178 1776c2679-2832 7031-1981 8688 571 1006 1550 1261 3208 663 4958-602 1764-1900 2855-3609 3521 3188-9 6362-52 9610-347-790-1563-2196-1785-3688-1901"/><path d="M31689 22976c-32-580-319-968-753-1258-533-355-1146-445-1768-502-1129-102-2214-369-3211-921-852-472-1669-1012-2543-1438-1375-670-2851-1003-4374-1141-1044-96-2062-10-3059 314-117 38-226 100-339 151 131 49 240 51 347 49 1174-27 2319 136 3418 554 2282 866 3938 2447 5115 4554 112 201 247 348 459 369 534 51 1074 123 1607 92 686-39 1302-353 1920-640 726-337 1489-507 2295-375 278 42 553 117 886 192m-17512 8881c-1998 9-3921-320-5600-1454-1981-1336-3201-3201-3533-5587-395-2841 550-5261 2387-7394 796-923 1601-1844 2334-2818 686-911 985-1966 759-3118-294-1498-1795-2531-3354-2341-770 94-1461 371-2128 801 56-106 106-218 170-319 1608-2477 3824-4045 6788-4427 2312-298 4324 384 5886 2134 1486 1663 1707 3612 1038 5690-546 1700-1646 2986-3100 3977-1016 694-2071 1331-3087 2023-1512 1032-2672 2356-3211 4140-1027 3398 746 7587 4515 8650 47 17 92 30 136 43m5012-15353c985-457 1994-876 2955-1386 726-386 1391-885 2080-1337 249-164 338-391 338-701 1-1083 247-2104 878-3008 61-86 133-165 217-269 453 422 724 928 925 1473 105 285 185 582 249 878 46 212 131 325 355 400 1323 443 2441 1181 3239 2347a6588 6588 0 011129 3188c30 341 28 686 6 1028a384 384 0 01-201 277 3914 3914 0 01-815 243c-1421 236-2753 18-3994-753a16625 16625 0 00-4187-1883c-1037-301-2093-507-3174-497m3759 13112c1493 114 2898 337 3691 1902-3249 294-6423 338-9610 347 1708-666 3006-1757 3609-3521 597-1750 343-3408-663-4958-1657-2550-6008-3403-8688-571a5037 5037 0 011178-1776c1024-996 2278-1478 3686-1489 2848-21 4992 1258 6418 3693 630 1076 855 2287 864 3540 4 955-153 1874-485 2833"/><path d="M31689 22976l-888-196c-805-131-1568 38-2295 375-618 287-1234 601-1920 640-533 29-1073-41-1607-92-212-21-347-168-459-369-1178-2106-2832-3686-5115-4554-1099-417-2243-580-3418-554-107 2-215 0-347-49 113-51 223-113 339-151 996-324 2015-409 3059-314 1523 140 2999 471 4374 1141 874 426 1691 966 2543 1438 998 554 2082 820 3211 921 622 56 1235 147 1768 502 437 293 724 681 755 1262m-16354-286a3895 3895 0 00-3903 3878 3879 3879 0 003909 3893 3868 3868 0 003882-3886 3878 3878 0 00-3888-3885zm-26 5677c-981-4-1782-807-1785-1787-1-984 819-1797 1813-1797s1804 820 1790 1812c-12 1008-799 1775-1818 1772z"/></svg>

public/icons/browsers/vivaldi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1900 1900"><path fill="#ef3939" d="M944 1830c386 0 600 0 740-140s140-354 140-740 0-600-140-740S1330 70 944 70s-600 0-740 140S64 564 64 950s0 600 140 740 354 140 740 140z"/><linearGradient id="a" x1="61.24" x2="145.33" y1="37.94" y2="183.58" gradientUnits="userSpaceOnUse"><stop offset="0" stop-opacity=".2"/><stop offset=".79" stop-opacity=".05"/></linearGradient><path fill="url(#a)" d="M151.6 62.4A66 66 0 0030.5 78a65.57 65.57 0 006.8 50.4c.1.2.2.4.4.6l31 53.8 25.5.2c17.1 0 30.9 0 42.2-1.2 14-1.5 24.1-5 31.9-12.8 11.3-11.3 13.5-27.6 13.9-53.8l-30.6-52.8z" transform="scale(10)"/><path fill="#fff" d="M1407 484a657.9 657.9 0 00-932 0 660.9 660.9 0 000 933 657.9 657.9 0 00932 0 660.9 660.9 0 000-933zm-39 304l-326 567c-20 35-49 56-90 59-45 3-80-16-103-55L519 786c-42-73 5-162 89-166 44-2 78 18 101 57 31 52 61 105 91 158l66 114c33 55 80 85 144 89 90 5 174-60 185-156 1-7 1-14 2-18 0-31-6-57-19-82-34-68 2-143 75-160 60-13 121 31 129 91 4 27-1 52-14 75z"/></svg>