Initial form layout and validation

package.json

@@ -11,6 +11,8 @@
     "@types/react": "^18.2.13",
     "@types/react-dom": "^18.2.6",
     "antd": "^5.6.2",
+    "dayjs": "^1.11.8",
+    "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.13.0",
@@ -42,5 +44,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.195"
   }
 }

src/App.tsx

@@ -2,12 +2,12 @@ import React from 'react';
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { ConfigProvider } from 'antd';
 import { Home, Result } from './containers';
-
-import './App.css';
+import './assets/styles/app.scss';
+import locale from 'antd/es/locale/en_US';
 
 function App() {
   return (
-    <ConfigProvider theme={{ token: { colorPrimary: '#00b96b' } }}>
+    <ConfigProvider theme={{ token: { colorPrimary: '#00b96b' } }} locale={locale}>
        <BrowserRouter basename="/">
           <Routes>
             <Route index element={<Home />} />

src/assets/styles/app.scss

@@ -0,0 +1 @@
+@import url('./reset.css');

src/assets/styles/common.scss

@@ -0,0 +1,3 @@
+body {
+    margin: 0;
+}