fix: position new footer logo to the left

Author: itsmeurbi

src/Footer.tsx

@@ -7,13 +7,9 @@ const Footer = (): ReactElement => {
   return (
     <footer className="border-t border-black/8 bg-white/80 backdrop-blur-xl">
       <div className="mx-auto flex w-full max-w-6xl flex-col gap-5 px-4 py-6 md:flex-row md:items-center md:justify-between">
-        <div className="flex flex-col items-center gap-2">
-          <Link to="/" className="inline-flex flex-start gap-1">
-            <span className="inline-flex h-5 w-auto overflow-hidden">
-              <img src={logo} alt="Logo WDT" className="h-full w-full object-contain" />
-            </span>
-          </Link>
-        </div>
+        <Link to="/" className="inline-flex shrink-0 items-center gap-1">
+          <img src={logo} alt="Logo WDT" className="h-5 w-auto object-contain" />
+        </Link>
         <Icons />
       </div>
     </footer>

src/Icons.tsx

@@ -46,7 +46,7 @@ const links = [
 
 const Icons: FC<IconsProps> = ({ color, className }): ReactElement => {
   return (
-    <div className={cn('flex flex-wrap items-center gap-2', className)}>
+    <div className={cn('flex flex-wrap items-center gap-2 w-full justify-start md:justify-end', className)}>
       {links.map(({ href, label, icon: Icon }) => (
         <Tooltip key={href} content={label}>
           <a