fix: adjust CSS rules for links into footer section

apps/website/components/footer/footer.tsx

@@ -6,7 +6,7 @@ export function Footer({items = []}) {
     const value = delve(item, 'attributes', {});
 
     return (
-      <li key={value.title + index} className="my-1">
+      <li key={value.title + index} className="my-1 h-10 flex align-middle items-center md:h-auto">
         <a href={value.url} target={value.target} className="mr-4 hover:underline md:mr-6 ">
           {value.title}
         </a>
@@ -21,7 +21,7 @@ export function Footer({items = []}) {
           <img src="https://flowbite.com/docs/images/logo.svg" className="h-8 mr-3" alt="Flowbite Logo"/>
           <span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">MeCP</span>
         </a>
-        <ul className="flex flex-wrap items-center mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
+        <ul className="flex flex-wrap items-center justify-end mb-6 text-sm text-gray-500 sm:mb-0 dark:text-gray-400">
           {items.map((item, index: number) => generateItem(item, index))}
         </ul>
       </div>