add image upload, fix styles

src/app/pages/layout.tsx

@@ -1,9 +1,9 @@
 import NavLinks from '@/app/ui/nav-links'
-import styles from '@/app/page.module.scss'
+import styles from '@/app/styles/page.module.scss'
 import HeaderPanel from '../ui/header/headerPanel';
 import { getQueryClient } from '@/app/providers/getQueryClient';
 import { HydrationBoundary, dehydrate } from '@tanstack/react-query';
-import { getUserData } from '@/app/lib/action';
+import { getUserData } from '@/app/actions/action';
 
 export default async function Layout({ children }: { children: React.ReactNode }) {
 	const queryClient = getQueryClient();
@@ -19,7 +19,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
 		<div className="flex">
 			<HydrationBoundary state={dehydrate(queryClient)}>
 				<NavLinks />
-				<div className={`${styles.mainContainter}`}>
+				<div className={`${styles['main-containter']}`}>
 					<HeaderPanel />
 					<main>
 						{children}