refactor empty promption.

src/page-components/device/DeviceList.module.css

@@ -41,11 +41,5 @@
         background-color: color-mix(in oklch, var(--color-on-surface) 8%, transparent);
       }
     }
-    .empty_prompt {
-      padding-block: calc(var(--spacing) * 1);
-      text-align: center;
-      font-size: calc(var(--font-size) * 0.8);
-      color: var(--color-on-surface-variant);
-    }
   }
 }

src/page-components/device/DeviceList.tsx

@@ -10,7 +10,7 @@ const AvailableDevices: FC = () => {
 
   return (
     <div className={styles.devices_list}>
-      {devices.length === 0 && <div className={styles.empty_prompt}>No available devices.</div>}
+      {devices.length === 0 && <div className="empty_prompt">No available devices.</div>}
       {devices.map((device, index) => (
         <div key={index} className={styles.device_card}>
           <div className={styles.device_name}>{device.represent}</div>