refactor(files): Initial commit on experimental file structure

jsconfig.json

@@ -1,7 +1,9 @@
 {
   "compilerOptions": {
     "module": "commonjs",
-    "target": "es6"
+    "target": "es6",
+    "baseUrl": "src"
   },
+  "include": ["src"],
   "exclude": ["node_modules"]
 }

src/App.jsx

@@ -2,9 +2,9 @@ import variables from 'modules/variables';
 import { PureComponent } from 'react';
 import { ToastContainer } from 'react-toastify';
 
-import Background from 'components/widgets/background/Background';
-import Widgets from 'components/widgets/Widgets';
-import Modals from 'components/modals/Modals';
+import Background from 'features/widgets/background/Background';
+import Widgets from 'features/widgets/Widgets';
+import Modals from 'features/modals/Modals';
 
 import { loadSettings, moveSettings } from 'modules/helpers/settings';
 

src/features/modals/main/Main.jsx

@@ -3,7 +3,7 @@ import { Suspense, lazy, useState, memo } from 'react';
 import { MdClose } from 'react-icons/md';
 
 import './scss/index.scss';
-import Tooltip from 'components/helpers/tooltip/Tooltip';
+import Tooltip from 'features/helpers/tooltip/Tooltip';
 
 const Settings = lazy(() => import('./tabs/Settings'));
 const Addons = lazy(() => import('./tabs/Addons'));

src/features/modals/main/marketplace/Item.jsx

@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { PureComponent, Fragment } from 'react';
-import Tooltip from 'components/helpers/tooltip/Tooltip';
-import ImageCarousel from 'components/helpers/carousel/Carousel';
+import Tooltip from 'features/helpers/tooltip/Tooltip';
+import ImageCarousel from 'features/helpers/carousel/Carousel';
 import { toast } from 'react-toastify';
 import {
   MdIosShare,
@@ -22,7 +22,7 @@ import Button from '../settings/Button';
 
 import { install, uninstall } from 'modules/helpers/marketplace';
 
-import ShareModal from 'components/helpers/sharemodal/ShareModal';
+import ShareModal from 'features/helpers/sharemodal/ShareModal';
 
 class Item extends PureComponent {
   constructor(props) {

src/features/modals/main/marketplace/SideloadFailedModal.jsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import variables from 'modules/variables';
 import { MdClose } from 'react-icons/md';
-import Tooltip from 'components/helpers/tooltip/Tooltip';
+import Tooltip from 'features/helpers/tooltip/Tooltip';
 
 function SideloadFailedModal({ modalClose, reason }) {
   return (

src/features/modals/main/settings/ResetModal.jsx

@@ -2,7 +2,7 @@ import { memo } from 'react';
 import variables from 'modules/variables';
 import { MdClose, MdRestartAlt } from 'react-icons/md';
 import { setDefaultSettings } from 'modules/helpers/settings';
-import Tooltip from 'components/helpers/tooltip/Tooltip';
+import Tooltip from 'features/helpers/tooltip/Tooltip';
 
 function ResetModal({ modalClose }) {
   const reset = () => {

src/features/modals/main/settings/sections/About.jsx

@@ -5,7 +5,7 @@ import { FaDiscord, FaTwitter } from 'react-icons/fa';
 import { SiGithubsponsors, SiOpencollective } from 'react-icons/si';
 import { BiDonateHeart } from 'react-icons/bi';
 
-import Tooltip from 'components/helpers/tooltip/Tooltip';
+import Tooltip from 'features/helpers/tooltip/Tooltip';
 
 import other_contributors from 'modules/other_contributors.json';
 

src/features/modals/main/settings/sections/Advanced.jsx

@@ -20,7 +20,7 @@ import Header from '../Header';
 import { Row, Content, Action } from '../SettingsItem';
 import Section from '../Section';
 
-import time_zones from 'components/widgets/time/timezones.json';
+import time_zones from 'features/widgets/time/timezones.json';
 
 export default function AdvancedSettings() {
   const [resetModal, setResetModal] = useState(false);

src/features/modals/main/settings/sections/Language.jsx

@@ -5,7 +5,7 @@ import { MdOutlineOpenInNew } from 'react-icons/md';
 
 import Radio from '../Radio';
 
-import languages from 'modules/languages.json';
+import languages from '@/i18n/languages.json';
 
 export default class LanguageSettings extends PureComponent {
   constructor() {