update footer

components/footer.jsx

-const Logo = ({ name }) => (
-  <img
-    className="max-h-28 bg-white/60 mx-2"
-    src={`https://static.igem.wiki/teams/4275/wiki/logo/${name}.png`}
-    alt={name}
-  />
+const Logo = ({ name, children }) => (
+  <div>
+    <img
+      className="max-h-12 bg-white/60 mx-5"
+      src={`https://static.igem.wiki/teams/4275/wiki/logo/${name}.png`}
+      alt={name}
+    />
+    <div className="text-center">{children}</div>
+  </div>
 );
 
 export const Footer = () => {
@@ -13,13 +16,13 @@ export const Footer = () => {
         <div className="max-w-[65vw]">
           <span className="footer-title">Sponsors</span>
           <div className="flex flex-wrap">
-            <Logo name="links-lab" />
-            <Logo name="links-china" />
-            <Logo name="bjea" />
-            <Logo name="graphpad-prism" />
-            <Logo name="keystone" />
-            <Logo name="rstudio-logo-flat" />
-            <Logo name="snapgene-logo" />
+            <Logo name="links-lab">Links Lab</Logo>
+            <Logo name="links-china">Links China</Logo>
+            <Logo name="bjea">BJEA</Logo>
+            <Logo name="graphpad-prism">Graphpad Prism</Logo>
+            <Logo name="keystone">Keystone</Logo>
+            <Logo name="rstudio-logo-flat">RStudio</Logo>
+            <Logo name="snapgene-logo">Snapgene</Logo>
           </div>
         </div>
         <div>