feat: visual improvements

layout/Sponsor/Visitors/Visitors.tsx

@@ -65,10 +65,10 @@ const SponsorVisitors: React.FC = () => {
       <div className="mt-5 h-screen text-white">
         {visitors.filter((v) => v.cv != null).length > 0 && (
           <button
-            className="m-auto mb-5 block select-none rounded-full bg-quinary px-5 py-2 font-ibold text-2xl text-white"
+            className="font-terminal-uppercase m-auto mb-5 block select-none rounded-full bg-quinary px-5 py-2 text-2xl text-white"
             onClick={downloadCVs}
           >
-            {downloading ? "Downloading" : "Download All CV's"}
+            {downloading ? "Downloading" : "Download All CVs"}
           </button>
         )}
         <div className="grid grid-cols-1 lg:grid-cols-4">
@@ -77,11 +77,19 @@ const SponsorVisitors: React.FC = () => {
               key={visitor.id}
               className="hover:b-4 m-2 mb-4 flex flex-col items-center justify-center rounded-lg p-2 hover:border-blue-500"
             >
-              <img
-                alt={visitor.name}
-                src={visitor.avatar}
-                className="mb-2 h-40 w-40 select-none rounded-full border-2 border-white object-cover hover:border-pink-500"
-              />
+              {visitor.avatar ? (
+                <img
+                  alt={visitor.name}
+                  src={visitor.avatar}
+                  className="mb-2 h-40 w-40 select-none rounded-full border-2 border-white object-cover"
+                />
+              ) : (
+                <img
+                  alt={visitor.name}
+                  src="/images/mascot-head.png"
+                  className="mb-2 h-40 w-40 select-none rounded-full border-2 border-white object-cover"
+                />
+              )}
               <p className="text-center">{visitor.name}</p>
               <p className="text-center">{visitor.email}</p>
               {visitor.cv ? (