Fixed styling issues with overflow on main editor and modals

[Johnson-f]

Rendering fix

Description

This PR fixes styling issues with overflow behavior on the main editor and all modal components, ensuring proper scrollbar theming and consistent UI behavior across light and dark modes.

• Fixed scrollbar styling issues that were causing inconsistent overflow behavior
• Resolved Biome formatting errors in editor components
• Fixed TypeScript error in toast context (corrected typo in type definition)
• Ensured proper theme-aware scrollbar colors using CSS variables
• Applied consistent scrollbar styling across all modal components

Screenshots/Videos

Before

After

Related Issues

Closes # Fixes #

---

Technical Details:

• Modified src/components/editor/code-editor.tsx - Fixed import formatting
• Modified src/components/editor/core/text-editor.tsx - Fixed import organization
• Modified src/components/layout/main-layout.tsx - Fixed lazy import formatting
• Modified src/contexts/toast-context.tsx - Fixed TypeScript type error (ToastContextTypeoast → Toast)
• Updated scrollbar styling to use theme-aware CSS variables
• All changes pass TypeScript typecheck and Biome linting

Files Changed: 11 files with 579 insertions and 10 deletions

[mehmetozguldev]

we can also clear the unrelated files from this PR, like .cursor/