refactor

FAQ.md

@@ -16,34 +16,18 @@
 PageName/
 |
 |-- index.tsx
-|-- PageName.scss
-|-- components/
-|   |-- CompA/
-|       |-- index.tsx
-|       |-- CompA.scss
-|-- tests/
-|   |-- PageName.test.tsx
-|   |-- CompA.test.tsx
-|-- utils/
-    |-- constants.ts
-    |-- helper.ts
-    |-- types.ts
-    |-- hooks.ts
+|-- PageName.scss <- CompA.scss + CompB.scss + .......
+|-- CompA.tsx
+|-- CompA.scss
+|-- compAData.ts
+|-- types.ts
+|-- useHookName.ts
 ```
 
 Let's break this down:
 
 PageName/: This is the root directory for a specific page in the application.
 
 `index.tsx`: This is the main TypeScript file for the page.
-`PageName.scs`s: This contains the styles for the page.
-
-`components/`: This directory contains all the components related to the page.
-`CompA/`: This sub-directory includes files for a specific component, 'CompA'.
-`index.tsx`: This is the main TypeScript file for the 'CompA' component.
-`CompA.scss`: This contains the styles for the 'CompA' component.
-
-`tests/`: This directory houses all test files.
-`PageName.test.tsx` & `CompA.test.tsx`: These are the test files for the page and 'CompA' component respectively.
-
-`utils/`: This directory contains utility files like constants, helpers, types, and hooks. Each of these has its own `.ts` file.
+`PageName.scss`s: This contains the styles for the page and other related components.
+`CompA.tsx`: This is the main TypeScript file for the 'CompA' component.