deploy: scale up hero logo on mobile and desktop

The previous sizing relied on the intrinsic 320px SVG overflowing small
containers, which masked how small the containers really were. Now that
the SVG is fluid, bump the container to w-52 sm:w-72 md:w-96
lg:w-[28rem] xl:w-[32rem] so the mark reads as the dominant element at
every breakpoint.

Author: BitWise-0x

components/Header.tsx

@@ -16,7 +16,7 @@ const Header = () => {
     <header className={headerClass}>
       <Link href="/" aria-label={siteMetadata.headerTitle}>
         <div className="flex items-center justify-between">
-          <div className="mr-3 w-40 sm:w-60 md:w-80 lg:w-96">
+          <div className="mr-3 w-52 sm:w-72 md:w-96 lg:w-[28rem] xl:w-[32rem]">
             <Logo />
             <span className="text-muted mt-1 block text-left text-sm font-medium sm:text-base md:text-lg">
               Intelligent Backends