Linting, formatting, simplification

Author: SafetyInObscurity

client/src/components/main/Footer.tsx

@@ -125,14 +125,13 @@ export default function Footer() {
                   development club
                 </p>
                 <div className="flex gap-3 pt-2">
-                  {Object.entries(social_media).map(
-                    ([platform, data], index) => (
-                      <SocialIconButton
-                        key={index}
-                        url={data.url}
-                      />
-                    ),
-                  )}
+                  {social_media.map((data) => (
+                    <SocialIconButton
+                      key={data.alt_text}
+                      url={data.url}
+                      altText={data.alt_text}
+                    />
+                  ))}
                 </div>
               </div>
               <LinksList

client/src/components/ui/SocialIconButton.tsx

@@ -13,10 +13,7 @@ export type SocialMedia = {
  * Reusable social media icon button component
  * Handles hover animations and styling with Motion values for colors
  */
-export default function SocialIconButton({
-  url,
-  altText,
-}: SocialMedia) {
+export default function SocialIconButton({ url, altText }: SocialMedia) {
   return (
     <motion.div
       className="group rounded-xl border border-white/10 bg-white/5 p-2.5"
@@ -41,11 +38,7 @@ export default function SocialIconButton({
           damping: 17,
         }}
       >
-        <SocialIcon
-          url={url}
-          label={altText}
-          className="h-5 w-5"
-        />
+        <SocialIcon url={url} label={altText} className="h-5 w-5" />
       </motion.span>
     </motion.div>
   );

client/src/gamedev-metadata.json

@@ -1,16 +1,16 @@
 {
-  "social_media": {
-    "facebook": {
+  "social_media": [
+    {
       "url": "https://www.facebook.com/people/Game-Development-UWA/61576948012356/",
       "alt_text": "Facebook"
     },
-    "discord": { 
+    {
       "url": "https://discord.com/invite/JvnuVyMUff",
       "alt_text": "Discord"
-      },
-    "instagram": {
+    },
+    {
       "url": "https://www.instagram.com/gamedevelopmentuwa",
       "alt_text": "Instagram"
     }
-  }
+  ]
 }