refactor(authentication): 使用 SpaceCompact 重构验证码输入组件布局

移除自定义的输入框圆角样式，改用 SpaceCompact 组件实现更一致的布局

apps/web-antd/src/views/_core/authentication/input-captcha.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Input } from 'antdv-next';
+import { Input, SpaceCompact } from 'antdv-next';
 
 interface Props {
   captcha?: string;
@@ -22,8 +22,8 @@ const modelValue = defineModel<string>({ default: '' });
 
 <!-- 图片验证码 -->
 <template>
-  <div class="flex w-full">
-    <div class="flex-1">
+  <div class="w-full flex-1">
+    <SpaceCompact class="w-full">
       <Input
         size="large"
         id="code"
@@ -36,8 +36,7 @@ const modelValue = defineModel<string>({ default: '' });
         :label="label"
         :placeholder="placeholder"
       />
-    </div>
-    <div class="captcha-image--container relative">
+      <div class="relative rounded-r-lg border">
         <img
           :src="captcha"
           class="h-[40px] w-[115px] cursor-pointer rounded-r-lg"
@@ -51,6 +50,7 @@ const modelValue = defineModel<string>({ default: '' });
           <span class="captcha-loading"></span>
         </div>
       </div>
+    </SpaceCompact>
   </div>
 </template>
 
@@ -75,13 +75,4 @@ const modelValue = defineModel<string>({ default: '' });
   border-radius: 50%;
   animation: loading-rotation 1s linear infinite;
 }
-
-/**
-  验证码输入框样式
-  去除右边的圆角
-*/
-input[id='code'] {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
 </style>