feat: add media query for regenerate id container

src/pages/PairDevice/GenerateId.tsx

@@ -31,6 +31,7 @@ const GenerateId = ({ isAwaitingPairing }: GenerateIdProps) => {
     <YStack space={'$2'}>
       <div
         style={{ display: 'flex', justifyContent: 'space-between' }}
+        className={styles['regenerate-id-container']}
       >
         <StatusText size={19} weight={'semibold'}>
           Pair with Command line

src/pages/PairDevice/pairDevice.module.css

@@ -0,0 +1,6 @@
+@media screen and (max-width: 440px) {
+  .regenerate-id-container {
+    flex-direction: column;
+    gap: 12px;
+  }
+}