style: reorder class names for consistency

components/form.tsx

@@ -24,7 +24,7 @@ export function ActionBtn(props: ButtonHTMLAttributes<HTMLButtonElement>) {
   return (
     <button
       {...props}
-      className={`flex items-center border-2 border-gray-700 fill-gray-700 py-3 px-8 text-lg font-bold italic text-gray-700 focus:border-gray-300 focus:outline-none md:text-xl ${props.className}`}
+      className={`flex items-center border-2 border-gray-700 fill-gray-700 px-8 py-3 text-lg font-bold italic text-gray-700 focus:border-gray-300 focus:outline-none md:text-xl ${props.className}`}
     />
   );
 }

pages/index.tsx

@@ -89,7 +89,7 @@ export default function IndexPage() {
               </p>
             </div>
           </div>
-          <p className="hyphens-auto mt-7 text-justify md:w-4/6">
+          <p className="mt-7 hyphens-auto text-justify md:w-4/6">
             Because online services want to monitor your digital life! When you
             tap share buttons, innocent-looking random strings are placed in the
             links you get - they are actually{" "}
@@ -108,7 +108,7 @@ export default function IndexPage() {
           <H1 id="privacy" className="mt-24 !font-bold">
             Privacy
           </H1>
-          <p className="hyphens-auto mt-7 text-justify md:w-4/6">
+          <p className="mt-7 hyphens-auto text-justify md:w-4/6">
             As a service that aims to protect your privacy, we do not collect
             any information from you without your explicitly consent. When we
             fail to sanitize specific link(s), we may ask if you would like to