resolved issue #1293 modified es-lint config file

[princekamariya]

#1293

• Resolves [DevEx]: Prevent unscoped <style> blocks with eslint rule enforce-style-attribute #1293

Please check the following

• [✓] Do the tests still pass? (see Run the Tests)
• [✓] Is the code formatted properly? (see Linting (Formatting))
• For New Features:
  • Have tests been added to cover any new features or fixes?
  • Has the documentation been updated accordingly?

Please describe additional details for testing this change

Adds the vue/enforce-style-attribute ESLint rule so every <style> block must be scoped, with an override disabling the rule for src/App.vue (which holds global styles).

One other file in the repo, src/components/MarkdownContent.vue, also had a plain <style> block. Since its markdown content is rendered via v-html (and scoped CSS attributes aren't applied to v-html-injected DOM), it was converted to <style scoped> using :deep(p) so the padding rule still reaches the dynamically rendered markdown.

To verify:

1. Run npm run lint ,should pass with no errors.
2. Try adding a plain (non-scoped) <style> block to any .vue file other than App.vue , npm run lint should now fail with vue/enforce-style-attribute.
3. Confirm src/App.vue's existing global <style> block still lints clean (override working).
4. Confirm src/components/MarkdownContent.vue's markdown-rendered padding still displays correctly in the browser

[itsalaidbacklife]

Thanks for your contribution!