fix: responsive footer

assets/App.tsx

@@ -40,7 +40,8 @@ export default function App() {
     const contextValue = useMemo(() => ({
         authenticated,
         setIsAuthenticated
-    }), [authenticated, setIsAuthenticated]);
+    }), [authenticated, setIsAuthenticated])
+
 
     useEffect(() => {
         getUser().then(() => {
@@ -96,7 +97,7 @@ export default function App() {
                     </div>
                 </Layout.Content>
                 <Layout.Footer style={{textAlign: 'center'}}>
-                    <Space size='middle'>
+                    <Space size='middle' wrap align='center'>
                         <Link to='/tos'><Button type='text'>{t`TOS`}</Button></Link>
                         <Link to='/privacy'><Button type='text'>{t`Privacy Policy`}</Button></Link>
                         <Link to='/faq'><Button type='text'>{t`FAQ`}</Button></Link>

assets/components/search/DomainSearchBar.tsx

@@ -8,7 +8,6 @@ export type FieldType = {
 }
 
 export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => void }) {
-
     return <Form
         onFinish={onFinish}
         autoComplete="off"
@@ -26,8 +25,13 @@ export function DomainSearchBar({onFinish}: { onFinish: (values: FieldType) => v
                 min: 2
             }]}
         >
-            <Input size="large" prefix={<SearchOutlined/>} placeholder="example.com" autoFocus={true}
-                   autoComplete='off'/>
+            <Input style={{textAlign: 'center'}}
+                   size="large"
+                   prefix={<SearchOutlined/>}
+                   placeholder="example.com"
+                   autoComplete='off'
+                   autoFocus
+            />
         </Form.Item>
     </Form>
 }