Add pretteir config file to the project

[ky-zo]

I think you're currently relying on VS Code settings instead of having the prettier config set for the project. Consider adding a file like this one as prettier.config.js to the root of your project:

module.exports = {
  plugins: ['@ianvs/prettier-plugin-sort-imports', 'prettier-plugin-tailwindcss'],
  tailwindConfig: './tailwind.config.js',
  importOrder: [
    '^(react/(.*)$)|^(react$)|^(react-native(.*)$)',
    '^(next/(.*)$)|^(next$)',
    '^(expo(.*)$)|^(expo$)',
    '<THIRD_PARTY_MODULES>',
    '',
    '',
    '^@/(.*)$',
    '',
    '^~/',
    '^[../]',
    '^[./]',
  ],
  importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
  importOrderTypeScriptVersion: '5.2.2',
  semi: false,
  tabWidth: 2,
  singleQuote: true,
  bracketSpacing: true,
  bracketSameLine: true,
  singleAttributePerLine: true,
  printWidth: 160,
}

this one requires you to install @ianvs/prettier-plugin-sort-imports and prettier-plugin-tailwindcss

[pkarw]

Thanks @ky-zo! Can you provide a PR for this one?

[ky-zo]

Possibly, but I'm hitting dependency errors due to react-no-ssr package you're using for disabling SSR.
I think this is not how it should be done in NextJS, you can use dynamic package from nextjs: https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading

any chance you could remove that first? I don't want to make any bigger changes cause I don't have the env.vars & can't test it properly.

[pkarw]

Thanks @ky-zo I think we'll wait with this change to another release and then take it a proper care wdyt?