Integrated Korean translation from PR #5 by kimpig

frontend/src/components/Footer.tsx

@@ -18,12 +18,12 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
                     <small>Made with ❤️ on 🌍</small>
                 </span>
                 <span className="px-3 separator">
-                    <HddStackFill></HddStackFill> {' '}
+                    <HddStackFill className="mb-1"></HddStackFill> {' '}
                     <small>{freeSpace ? `${freeSpace.trim()}iB` : '-'}</small>
                 </span>
                 {isDesktop ?
                     <span className="px-3 separator">
-                        <Ethernet></Ethernet> {' '}
+                        <Ethernet className="mb-1"></Ethernet> {' '}
                         <small>{serverAddr ? `${serverAddr}:3022` : 'not defined'}</small>
                     </span> :
                     null
@@ -31,13 +31,13 @@ export const Footer = ({ freeSpace, statistics, serverAddr, connected }: Props)
                 <span className="px-3 separator">
                     <small title={connected ? 'Successfully connected!' : 'Can\'t connect to server'}>
                         {connected ?
-                            <CheckSquareFill style={{ color: '#03b703' }} /> :
-                            <XSquareFill style={{ color: '#e83a3a' }} />
+                            <CheckSquareFill className="mb-1" style={{ color: '#03b703' }} /> :
+                            <XSquareFill className="mb-1" style={{ color: '#e83a3a' }} />
                         }
                     </small>
                 </span>
                 <span className="float-end website" onClick={() => window.open('https://github.com/marcobaobao/yt-dlp-web-ui')}>
-                    <Github></Github>
+                    <Github className="mb-1"></Github>
                 </span>
             </div>
         </footer >