add i18n support

ui/public/locales/en-US.json

@@ -421,6 +421,7 @@
   "Manually_start_stream": "Manually start stream",
   "Manufacturer": "Manufacturer",
   "Max_Reached": "Max Reached",
+  "Max_Step": "({{max}} max)",
   "Max_keys_reached": "Max keys reached",
   "Maximum_of_keys_per_step_allowed": "Maximum of {{max_key}} keys per step allowed",
   "Maximum_of_max_macros_allowed": "Maximum of {{max}} macros allowed",

ui/public/locales/zh-CN.json

@@ -421,6 +421,7 @@
   "Manually_start_stream": "手动启动视频流",
   "Manufacturer": "制造商",
   "Max_Reached": "已达到最大值",
+  "Max_Step": "(最多{{max}}条)",
   "Max_keys_reached": "已达按键数量最大限制",
   "Maximum_of_keys_per_step_allowed": "每一步骤中允许最多{{max_key}}个按键配置",
   "Maximum_of_max_macros_allowed": "最多允许创建{{max}}条宏",

ui/src/components/MacroForm.tsx

@@ -250,7 +250,7 @@ export function MacroForm({
               theme="light"
               fullWidth
               LeadingIcon={LuPlus}
-              text={t('Add_Step_max',{max:(isMaxStepsReached ? `(${MAX_STEPS_PER_MACRO} max)` : "")})}
+              text={t('Add_Step_max',{max:(isMaxStepsReached ? t('Max_Step',{max:MAX_STEPS_PER_MACRO}) : "")})}
               onClick={() => {
                 if (isMaxStepsReached) {
                   showTemporaryError(

ui/src/components/VideoOverlay.tsx

@@ -182,7 +182,6 @@ export function PeerConnectionDisconnectedOverlay({
               <div className="text-left text-sm text-slate-700 dark:text-slate-300">
                 <div className="space-y-4">
                   <div className="space-y-2 text-black dark:text-white">
-                    <h2 className="text-xl font-bold">Connection Issue Detected</h2>
                     <h2 className="text-xl font-bold">{t('Connection_Issue_Detected')}</h2>
                     <ul className="list-disc space-y-2 pl-4 text-left">
                        <li>{t('Verify_device_powered_and_connected')}</li>