Minor tweaks to design

frontend/src/pages/dashboard/index.tsx

@@ -8,7 +8,6 @@ import {
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Header } from "@/components/layout/header";
 import { Main } from "@/components/layout/main";
-import { TopNav } from "@/components/layout/top-nav";
 import { ProfileDropdown } from "@/components/profile-dropdown";
 import { Search } from "@/components/search";
 import { ThemeSwitch } from "@/components/theme-switch";
@@ -22,7 +21,6 @@ export default function Dashboard() {
 			<Header>
 				<Search />
 				<div className="ml-auto flex items-center space-x-4">
-					<Search />
 					<ThemeSwitch />
 					<ProfileDropdown />
 				</div>
@@ -177,31 +175,4 @@ export default function Dashboard() {
 			</Main>
 		</>
 	);
-}
+}
-
-const topNav = [
-	{
-		title: "Overview",
-		href: "dashboard/overview",
-		isActive: true,
-		disabled: false
-	},
-	{
-		title: "Customers",
-		href: "dashboard/customers",
-		isActive: false,
-		disabled: true
-	},
-	{
-		title: "Products",
-		href: "dashboard/products",
-		isActive: false,
-		disabled: true
-	},
-	{
-		title: "Settings",
-		href: "dashboard/settings",
-		isActive: false,
-		disabled: true
-	}
-];

frontend/src/pages/shop/components/shop-about-form.tsx

@@ -121,7 +121,9 @@ export function ShopAboutForm() {
 						<CardHeader>
 							<CardTitle className="text-xl">Contact Information</CardTitle>
 						</CardHeader>
-						<CardContent className="space-y-4">
+						<CardContent>
+							<div className="grid grid-cols-2 gap-4">
+
 							<FormField
 								control={form.control}
 								name="contact_email"
@@ -152,6 +154,8 @@ export function ShopAboutForm() {
 									</FormItem>
 								)}
 							/>
+							</div>
+
 						</CardContent>
 					</Card>
 

frontend/src/pages/shop/index.tsx

@@ -1,13 +1,5 @@
-import {
-	Card,
-	CardContent,
-	CardDescription,
-	CardHeader,
-	CardTitle
-} from "@/components/ui/card";
 import { Header } from "@/components/layout/header";
 import { Main } from "@/components/layout/main";
-import { TopNav } from "@/components/layout/top-nav";
 import { ProfileDropdown } from "@/components/profile-dropdown";
 import { ThemeSwitch } from "@/components/theme-switch";
 import { ShopAboutForm } from "./components/shop-about-form";
@@ -30,7 +22,7 @@ export default function AboutPage() {
 
 			{/* ===== Main ===== */}
 			<Main>
-				<div className="my-4">
+				<div className="mb-4">
 					<h1 className="text-2xl font-bold tracking-tight">About Your Shop</h1>
 					<p className="text-muted-foreground">
 						Here&apos;s an overview info about your shop