Changed from astro to pure solidjs

src/pages/MainPage/Main.tsx

@@ -0,0 +1,35 @@
+import './Main.sass'
+import { Logo, Link, Page, Row, Padding, Table } from '../../components/'
+import { FiLogOut } from 'solid-icons/fi'
+// import { ofetch } from 'ofetch'
+
+export default () => {
+  return (
+    <>
+      <Page alignment="column">
+        <Padding left={4.75} right={4.75}>
+          <Row content="split">
+            <Link to="/">
+              <Row content="left" gap={2}>
+                <Logo size={200} />
+                <h1>OCBO e-Sign</h1>
+              </Row>
+            </Link>
+
+            <Row content="left" gap={1}>
+              <span class="name">Login Name</span>
+              <Link to="/">
+                <FiLogOut size={25} />
+              </Link>
+            </Row>
+          </Row>
+          <Row content="center">
+            <h2>List of Ready to Approve and Sign OP (Order of Payments)</h2>
+          </Row>
+
+          <Table />
+        </Padding>
+      </Page>
+    </>
+  )
+}