awesome ui changes

src/app/(router)/add/page.tsx

@@ -1,6 +1,7 @@
 import ExpenseForm from "@/app/_components/expense/expense-form";
 import Header from "@/components/header";
 import Section from "@/components/section";
+import { Button } from "@/components/ui/button";
 import { auth } from "@/server/auth";
 import { api, HydrateClient } from "@/trpc/server";
 import React from "react";
@@ -10,9 +11,13 @@ export default async function Page() {
   if (session?.user) void api.friend.getAll.prefetch();
   return (
     <HydrateClient>
-      <Header text="Add Expense"></Header>
+      <Header text="Add Expense">
+        <Button type="submit" form="expense-form">
+          Create Expense
+        </Button>
+      </Header>
       <Section>
-        <ExpenseForm />
+        <ExpenseForm hideSubmit session={session!} />
       </Section>
     </HydrateClient>
   );