[feature-request]: restructure files to follow best practice

[Clumsy-Coder]

Is your feature related to a problem?

I'd be nice to restructure the files that follows best practice

Describe the new feature

• follow best practice
  • structure files and folders accordingly
  • name files in kabab-case
  • sort imports

Additional context

• https://github.com/w3cj/next-start
• https://github.com/alan2207/bulletproof-react
• kabab-case:
  • https://youtu.be/dLRKV-bajS4?t=1361&si=IeX78rQ0oTL17gov
  • https://github.com/alan2207/bulletproof-react/blob/master/docs/project-standards.md#file-naming-conventions
  • https://www.npmjs.com/package/eslint-plugin-check-file
• project structure
  • https://github.com/alan2207/bulletproof-react/blob/master/docs/project-structure.md
• sort imports
  • https://youtu.be/dLRKV-bajS4?t=986&si=zTo-1axPrNN3uq1L