Added support page. #87 (#88)

Author: b0nsun9

src/1_app/ui/app/App.tsx

@@ -10,6 +10,7 @@ import { DashBoard } from '@widgets/dashboard'
 import { Protected } from '@features/protected'
 import { AuthContextProvider } from '@shared/model'
 import { PrivacyPolicy } from '@widgets/privacyPolicy'
+import { Support } from '@widgets/support'
 
 const queryClient = new QueryClient()
 
@@ -26,12 +27,13 @@ export function App() {
                 <Route path="/place" element={<Detail />} />
                 <Route path="/report" element={<Report />} />
                 <Route path="/login" element={<Login />} />
+                <Route path="/privacy" element={<PrivacyPolicy />} />
+                <Route path="/support" element={<Support />} />
                 <Route path='/admin' element={
                   <Protected>
                     <DashBoard />
                   </Protected>
                 } />
-<Route path="/privacy" element={<PrivacyPolicy />} />
               </Routes>
             </BrowserRouter>
           </QueryClientProvider>

src/3_widgets/support/index.ts

@@ -0,0 +1 @@
+export { Support } from "./ui/Support"

src/3_widgets/support/ui/Support.tsx

@@ -0,0 +1,17 @@
+import { Footer } from "@shared/ui"
+import { Link } from "react-router-dom"
+
+export function Support() {
+  return (
+    <div className="flex flex-col items-center h-screen m-10">
+      <p className="text-3xl font-bold">Surcharges</p>
+      <p className="mt-10">We are here for hearing from you.</p>
+      <div className="flex">
+        <p className="mr-1">Any kind of suggestion or inquery, click</p>
+        <Link to="mailto:surcharges@bonsung.me" className="underline">Here</Link>
+        <p className="ml-1">to mail us!</p>
+      </div>
+      <Footer />
+    </div>
+  )
+}