fix: make header wrapped on mobile

Author: sowelipililimute

layouts/partials/header.html

@@ -1,6 +1,6 @@
 <header class="w-full bg-gray-200 header flex text-lg">
-  <div class="flex flex-row w-full items-center">
-    <div class="flex-auto px-3 justify-start order-first inline-flex">
+  <div class="flex flex-col md:flex-row w-full items-center">
+    <div class="flex-auto pt-2 md:pt-0 px-3 justify-start order-first inline-flex">
       <a class="font-header" href="/">
         <span class="font-light">Harmony </span
         ><span class="font-bold">Chat</span>