chore: Improve layout on mobile

apps/landing/src/pages/index.tsx

@@ -230,9 +230,10 @@ export default function Index() {
               animate={{opacity: 1, y: 0}}
               transition={{duration: 0.5, ease: [0.22, 1, 0.36, 1]}}
               className={
-                'mb-8 inline-flex items-center gap-2 rounded-full border border-neutral-200 bg-white px-4 py-2 text-sm shadow-sm'
+                'mb-8 inline-flex flex-col sm:flex-row items-center gap-x-2 gap-y-1 rounded-full border border-neutral-200 bg-white px-4 py-2 text-sm shadow-sm'
               }
             >
+              <span className={'flex items-center gap-2'}>
                 <svg className="h-4 w-4 text-neutral-700" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                   <path
                     fillRule="evenodd"
@@ -241,7 +242,8 @@ export default function Index() {
                   />
                 </svg>
                 <span className={'font-medium text-neutral-700'}>5,000+ Stars on GitHub</span>
-              <span className={'text-neutral-300'}>·</span>
+              </span>
+              <span className={'hidden sm:inline text-neutral-300'}>·</span>
               <span className={'text-neutral-500'}>AGPL-3.0 Open Source</span>
             </motion.div>