feat: 首页改造成ChatGPT风格对话界面，调整各页面padding布局

src/modules/remote/RemotePage.tsx

@@ -482,7 +482,7 @@ export const RemotePage: React.FC = () => {
   }
 
   return (
-    <div className="h-full flex flex-col">
+    <div className="w-full px-4 py-8 pb-16 h-full flex flex-col">
       <div className="pl-12 pt-6 pb-4 shrink-0">
         <h1 className="text-2xl font-bold text-gray-800 dark:text-gray-200 flex items-center gap-2 whitespace-nowrap">
           <Monitor className="w-8 h-8 shrink-0" />
@@ -490,11 +490,10 @@ export const RemotePage: React.FC = () => {
         </h1>
       </div>
 
-      <div className="flex-1 flex px-0 -ml-4">
-        <div className="absolute left-60 top-[88px] bottom-16 w-px bg-gray-300/40 dark:bg-gray-500/50" />
+      <div className="flex-1 flex">
         <div
           ref={listContainerRef}
-          className="w-56 shrink-0 pr-4 overflow-hidden select-none"
+          className="w-48 shrink-0 overflow-hidden select-none border-r border-gray-200 dark:border-gray-700 pr-3"
         >
           <button
             onClick={handleAddDevice}