add layout and hook

client-electron/src/components/Header.tsx

@@ -0,0 +1,9 @@
+const Header: React.FC = () => {
+  return (
+    <header className="fixed bg-black w-full z-0 px-4 shadow-sm shadow-slate-500/40 pl-[20rem]">
+      <h2>Header</h2>
+    </header>
+  )
+}
+
+export default Header

client-electron/src/components/Sidebar.tsx

@@ -0,0 +1,9 @@
+const Sidebar: React.FC = () => {
+  return (
+    <aside className="fixed bg-black text-gray-500 z-50 h-full shadow-lg shadow-gray-900/20 transition duration-300 ease-in-out w-[20rem]">
+      <h2>Sidebar</h2>
+    </aside>
+  )
+}
+
+export default Sidebar