fix: Adding a style to update the width of App settings (#39456)

## Description

Adding a style to update the width of App settings

Fixes [#39454](https://github.com/appsmithorg/appsmith/issues/39454)

## Automation

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13546298402>
> Commit: 284bde21c2de5a52dec66ca9df23d1caaea2613b
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13546298402&attempt=2"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Wed, 26 Feb 2025 15:33:13 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Style**
- Adjusted the left-panel layout so that components now stack
vertically, resulting in a clearer, more organized display.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

app/client/src/pages/AppIDE/layouts/routers/LeftPane.tsx

@@ -48,6 +48,7 @@ const LeftPane = () => {
     <Flex
       backgroundColor="var(--ads-v2-color-bg)"
       borderRight="1px solid var(--ads-v2-color-border)"
+      flexDirection="column"
       height="100%"
       overflow="hidden"
     >