chore: Styling catalog

src/pages/catalog/Catalog.tsx

@@ -1,6 +1,8 @@
 import { ProductCards } from "./components";
 import { useEffect, useState } from "react";
 import type { Product } from "../../types";
+import Order from "./components/order/Order";
+import styles from "./Catalog.module.css";
 
 
 const Catalog = () => {
@@ -21,9 +23,14 @@ const Catalog = () => {
 
 
   return (
-    <>
-      <ProductCards products={products}/>
-    </>
+    <div className={styles.layout}>
+      <section className={styles.catalog}>
+        <ProductCards products={products}/>
+      </section>
+      <aside className={styles.order}>
+        <Order/>
+      </aside>
+    </div>
   )
 }