Enhance ConnectionPlaceholder component to handle missing device IP with localized messages; update DeviceContext to manage IP state; improve CSS for touch actions in various components; update locale files for English and Chinese with new connection prompts.

client/src/pages/Home.tsx

@@ -438,7 +438,7 @@ export default function Home() {
   };
 
   return (
-    <div className="min-h-screen bg-black flex flex-col">
+    <div className="min-h-dvh bg-black pb-[calc(5.5rem+env(safe-area-inset-bottom,0px))]">
       {/* ── Device render image ── */}
       <div className="px-4 pb-4">
         <div className="w-full rounded-2xl overflow-hidden flex items-center justify-center"
@@ -570,7 +570,7 @@ export default function Home() {
             </svg>
           </button>
 
-          <div className="flex-1 relative flex items-center">
+          <div className="flex-1 relative flex items-center touch-pan-y">
             {/* Track fill - 根据按钮位置调整 */}
             <div className="absolute left-0 h-[4px] rounded-full pointer-events-none"
               style={{ 
@@ -782,7 +782,7 @@ export default function Home() {
       </div>
 
       {/* ── iOS list rows ── */}
-      <div className="px-4 pb-4">
+      <div className="px-4">
         <div className="ios-list-group">
           <ListRow
             icon={<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" className="w-4 h-4"><path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"/></svg>}