Feat: Resource List/Detail: Made logos optional, style fixes(planning#423)

components/PageHeaderCard.tsx

@@ -25,9 +25,9 @@ export default ({ title, shortDescription, img, children }: HeaderOptions) => {
             <header className={'flex items-end space-x-6'}>
               {img && (
                 <img
-                  src={img.src}
-                  alt={img.alt ? img.alt : `${title} Logo`}
                   className={'w-24 h-24'}
+                  src={img.src ? img.src : ``}
+                  alt={img.alt ? img.alt : `${title} Logo`}
                 />
               )}
               <h1 className="text-5xl font-extrabold tracking-tight text-gray-900">

pages/resources/[serviceName].tsx

@@ -25,8 +25,8 @@ export default function ({ service }) {
           mailTo: service.contactInformation.fields.eMail,
         }}
         img={{
-          src: service.logo.fields.file.url,
-          alt: service.logo.fields.name,
+          src: service?.logo.fields.file.url,
+          alt: service?.logo.fields.name,
         }}
         title={service.name}
         shortDescription={documentToHtmlString(service.shortDescription)}

pages/resources/index.tsx

@@ -181,9 +181,9 @@ export default function ({ services }) {
                         <div className="flex space-x-3">
                           <div className="flex-shrink-0">
                             <img
-                              className="h-10 w-15"
-                              src={service.logo.fields.file.url}
-                              alt={service.logo.fields.name}
+                              className="max-w-[100px] h-10"
+                              src={service?.logo.fields.file.url}
+                              alt={service?.logo.fields.name}
                             />
                           </div>
                           <div className="min-w-0 flex-1">