SD-20: Update file structure

Author: rAskVAL

.storybook/preview.tsx

@@ -1,6 +1,6 @@
 import { Preview } from '@storybook/react';
 
-import Providers from '../src/domains/common/providers/Providers';
+import Providers from '../src/domains/shared/components/Providers';
 
 // TODO: Add after chromatic setup
 // MotionGlobalConfig.skipAnimations = isChromatic();

eslint.config.js

@@ -140,15 +140,15 @@ export default tseslint.config(
           },
         ],
         patterns: [{
-          regex: 'src/(?!(domains/.*/(components|utils|assets|hooks|providers|types|styles)/.*))',
+          regex: 'src/(?!(domains/.*/(components|utils|assets|types)/.*))',
           message: 'Organize modules in predefined groups under domains.',
         }, {
           /*
               Modules are often divided into sub-modules for readability and maintainability, where those
               sub-modules are internal to the "root" modules. This rule prevents importing those sub-modules
               (which happens often by laziness or an overlook) in order to keep the modules SOLID.
             */
-          group: ['src/domains/*/*/*/**', '!#src/domains/*/*/*/**.mock'],
+          group: ['!#src/domains/*/*/*/**.mock'],
           message: 'Direct importing of sub-modules is not allowed. Turn the sub-module into a root module' +
             ' or reexport it from the "owning" module if you really need to use it directly.',
         }, {

scripts/generateIcons.ts

@@ -5,7 +5,7 @@ import { fileURLToPath } from 'url';
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 const rootDir = path.resolve(__dirname, '..');
-const iconsDir = path.join(rootDir, 'src/domains/common/components/CIcon/icons');
+const iconsDir = path.join(rootDir, 'src/domains/shared/components/CIcon/icons');
 
 if (!fs.existsSync(iconsDir)) {
   console.error(`Icons directory not found: ${iconsDir}`);
@@ -40,7 +40,7 @@ export type IconName = keyof typeof icons;
 `;
 
   fs.writeFileSync(
-    path.join(rootDir, 'src/domains/common/components/CIcon/icons.ts'),
+    path.join(rootDir, 'src/domains/shared/components/CIcon/icons.ts'),
     content
   );
 

src/App.tsx

@@ -1,11 +1,11 @@
 import styled from 'styled-components';
 
-import CIcon from 'src/domains/common/components/CIcon';
-import { useTheme } from 'src/domains/common/hooks/useTheme';
-import Providers from 'src/domains/common/providers/Providers';
+import CIcon from 'src/domains/shared/components/CIcon';
+import Providers from 'src/domains/shared/components/Providers';
+import { useTheme } from 'src/domains/shared/utils/useTheme';
 
 const App = () => {
-  const { userSelectedTheme, setTheme } = useTheme();
+  const { setTheme } = useTheme();
   return (
     <Providers>
       shielding dapp
@@ -14,9 +14,6 @@ const App = () => {
         <Button onClick={() => void setTheme('dark')}>dark</Button>
         <Button onClick={() => void setTheme('system')}>system</Button>
       </ThemeSelector>
-      Current theme:
-      {' '}
-      {userSelectedTheme}
       <CIcon icon="Shielded" size={32} />
     </Providers>
   );