Add Sonarr and Radarr request icons

frontend/app/portal/requests/RequestPortalClient.tsx

@@ -56,18 +56,24 @@ const mediaChoices: Array<{
   eyebrow: string
   title: string
   description: string
+  collector: 'Radarr' | 'Sonarr'
+  icon: string
 }> = [
   {
     type: 'movie',
     eyebrow: 'Film',
     title: 'Movie',
     description: 'Find a film and send it through Seerr to Radarr.',
+    collector: 'Radarr',
+    icon: '/service-icons/radarr.svg',
   },
   {
     type: 'tv',
     eyebrow: 'Series',
     title: 'TV show',
     description: 'Choose a series, the seasons you want, and send it to Sonarr.',
+    collector: 'Sonarr',
+    icon: '/service-icons/sonarr.svg',
   },
 ]
 
@@ -333,7 +339,12 @@ export default function RequestPortalClient() {
               onClick={() => resetAfterType(choice.type)}
               aria-pressed={mediaType === choice.type}
             >
-              <span>{choice.eyebrow}</span>
+              <span className="request-type-card-top">
+                <span>{choice.eyebrow}</span>
+                <span className="request-service-icon">
+                  <img src={choice.icon} alt={`${choice.collector} logo`} />
+                </span>
+              </span>
               <strong>{choice.title}</strong>
               <p>{choice.description}</p>
               <b>{mediaType === choice.type ? 'Selected' : `Choose ${choice.title.toLowerCase()}`}</b>