feature : sort imports with prettier

[BassemHalim]

What type of PR is this? (check all applicable)

• ✨ Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• ♻️ Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert
• 🌐 Internationalization / Translation

Description

This PR adds the "prettier-plugin-organize-imports" for organizing imports as discussed in a previous PR

The plugin would ensure a consistent coding style.
I haven't ran npm fix:prettier yet

Related Tickets & Documents

Mobile & Desktop Screenshots/Recordings

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentations?

• 📓 docs (./docs)
• 📕 storybook (./storybook)
• 📜 README.md
• 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for livecodes ready!

Name	Link
🔨 Latest commit	93672ea
🔍 Latest deploy log	https://app.netlify.com/projects/livecodes/deploys/682f1ced0f9d0e00089fa8e9
😎 Deploy Preview	https://deploy-preview-825--livecodes.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[hatemhosny]

Thank you @BassemHalim

I did a few changes:

• changed the version to use exact version. I do not trust developers for introducing breaking changes (including myself!) 🥲
• ran npm i to update package-lock.json. The CI uses npm ci which requires package.json and package-lock.json to be in sync.
• ran the formatting and fixed a few compatibility issues with eslint and typescript.

P.S. I like the gif. It convinced me that we need this feature 😆

[BassemHalim]

changed the version to use exact version. I do not trust developers for introducing breaking changes (including myself!) 🥲

Yeah, I need to start doing that, I have been bit by that before.

P.S. I like the gif. It convinced me that we need this feature 😆

I forgot to add one to the previous PR and I felt bad 😆

[livecodes-ci]

i18n Actions

Source PR has been merged into the default branch.

Maintainers can comment .i18n-update-push to trigger the i18n update workflow and push the changes to Lokalise.

[hatemhosny]

Merged.
Thank you @BassemHalim