fix Graphweaver.svg logo centred on iOS/Safari, fix ibm logo is small (graphql#1751)

* fix `Graphweaver.svg` logo centred on iOS/Safari

* fix ibm viewport

* fixes

* aa

* Update page.tsx

Author: dimaMachina

public/img/conf/Sponsors/Graphweaver.svg

@@ -124,7 +124,7 @@ export default function Page() {
         </InfiniteMovingSpeakers>
 
         <div className="mt-14 flex gap-4">
-          <Button href="/conf/2024/speakers">See all Speakers</Button>
+          <Button href="/conf/2024/speakers">See all speakers</Button>
         </div>
 
         <div className="mt-16">
@@ -152,7 +152,7 @@ export default function Page() {
         </div>
 
         <div className="mt-14 flex gap-4">
-          <Button href="/conf/2024/speakers">View full schedule</Button>
+          <Button href="/conf/2024/schedule">View full schedule</Button>
         </div>
       </div>
 

public/img/conf/Sponsors/IBM.svg

@@ -56,6 +56,7 @@ function List({
           className={clsx(
             "relative shrink-0 bg-[#251f30] rounded-md",
             "flex justify-center",
+            "items-center", // fix vertical align in Safari/iOS
             "border border-solid border-transparent hover:border-primary focus:border-primary",
             "transition-colors",
             "hover:shadow-primary/20 focus:shadow-primary/20 shadow-md outline-none",
@@ -69,7 +70,7 @@ function List({
           <NextImage
             alt={`${name} logo`}
             src={icon}
-            className="h-auto lg:max-w-60 shrink"
+            className="lg:w-auto lg:max-w-60 max-h-full"
           />
           <span className="font-sans absolute right-5 top-5 leading-none text-white lg:text-2xl">
             ↗