refactor(products): organize product showcase into feature module

Next.js Frontend Architecture Guide.md

@@ -131,13 +131,7 @@ Example:
 
 ```tsx
 export default function UsersPage() {
-
- return (
-   <div>
-     Users
-   </div>
- )
-
+    return <div>Users</div>;
 }
 ```
 
@@ -158,7 +152,7 @@ Examples:
 Then add:
 
 ```tsx
-"use client"
+'use client';
 ```
 
 at the top.
@@ -166,11 +160,9 @@ at the top.
 Example:
 
 ```tsx
-"use client"
+'use client';
 
-export default function LoginForm(){
-
-}
+export default function LoginForm() {}
 ```
 
 Do not add `"use client"` unnecessarily.
@@ -275,9 +267,7 @@ Wrong:
 
 ```tsx
 function Users() {
-
- axios.get("/users")
-
+    axios.get('/users');
 }
 ```
 
@@ -319,8 +309,8 @@ Example:
 
 ```ts
 export const api = axios.create({
- baseURL: process.env.NEXT_PUBLIC_API_URL
-})
+    baseURL: process.env.NEXT_PUBLIC_API_URL,
+});
 ```
 
 ---
@@ -336,7 +326,6 @@ Examples:
 - Application settings
 - Global UI state
 
-
 Structure:
 
 ```
@@ -383,20 +372,12 @@ store/provider.tsx
 ```
 
 ```tsx
-"use client"
+'use client';
 
-import {Provider} from "react-redux"
-
-export function ReduxProvider({
- children
-}){
-
- return (
-   <Provider store={store}>
-      {children}
-   </Provider>
- )
+import {Provider} from 'react-redux';
 
+export function ReduxProvider({children}) {
+    return <Provider store={store}>{children}</Provider>;
 }
 ```
 
@@ -415,16 +396,16 @@ The project must be strongly typed.
 Avoid:
 
 ```ts
-any
+any;
 ```
 
 Prefer:
 
 ```ts
-interface
-type
-generics
-unknown
+interface;
+type;
+generics;
+unknown;
 ```
 
 Each feature owns its types:
@@ -446,7 +427,6 @@ Use Tailwind for:
 - Responsive design
 - Custom styling
 
-
 Example:
 
 ```tsx
@@ -477,7 +457,6 @@ Examples:
 - Pagination
 - Notification
 
-
 Use Tailwind for:
 
 - Layout
@@ -485,7 +464,6 @@ Use Tailwind for:
 - Spacing
 - Responsive behavior
 
-
 Do not rewrite Ant Design components unless required.
 
 ---
@@ -574,7 +552,6 @@ When refactoring an existing project:
     - Component reuse
     - State management
 
-
 ---
 
 # Code Quality Rules