Disallow incorrect component import

[Aztriltus]

Maybe we can disallow this via eslint config

import { AwesomeComponent } from "@/components/AwesomeComponent/AwesomeComponent

by configuring in the ESLint configuration with the following rule:

{
    rules: {
        'no-restricted-imports': [
            'error',
            {
                patterns: ['@/components/*/*'],
            },
        ],

    // ...rest of the configuration
}

[sushanyadav]

The pattern @/common/components/*/* might unintentionally prevent nested components or items which we probably don't want. To address this, we need to ensure that at the end of the path, we don't repeat the component or item name.

There might be few potential solution that are worth exploring:

• a complex pattern that checks the above
• custom eslint rule
• disallow vscode to autocomplete such repetitions. (not quite sure if its possible)