fix: Restrict Timeline Feed scrolling to its column on /me route

[iamsmruti]

Description

This PR fixes the issue where scrolling the Timeline Feed on the /me route would cause the "Active Tasks" column, to scroll as well. The Timeline Feed column now scrolls independently, ensuring the "Active Tasks" column remains static.

Fixes #10648
I had to remove the overflow: 'auto' from the FeedAndDrawer and add it to just the TimelineFeed

Demo

after-change.mov

Testing scenarios

• Scenario A: Ensure the Timeline Feed scrolls independently.
  • Step 1: Navigate to the /me route.
  • Step 2: Populate the Timeline Feed with enough content to cause vertical overflow.
  • Step 3: Scroll within the Timeline Feed column and verify only that column is affected.

Final checklist

• I checked the code review guidelines
• I have added Metrics Representative as reviewer(s) if my PR invovles metrics/data/analytics related changes
• I have performed a self-review of my code, the same way I'd do it for any other team member
• I have tested all cases I listed in the testing scenarios and I haven't found any issues or regressions
• Whenever I took a non-obvious choice I added a comment explaining why I did it this way
• I added the label Skip Maintainer Review Indicating the PR only requires reviewer review and can be merged right after it's approved if the PR introduces only minor changes, does not contain any architectural changes or does not introduce any new patterns and I think one review is sufficient'
• PR title is human readable and could be used in changelog

[Dschoordsch]

Works nice for the timeline, but does break scrolling for active tasks if there are a lot of them, see loom

[iamsmruti]

Works nice for the timeline, but does break scrolling for active tasks if there are a lot of them, see loom

Alright, I am making the changes for that as well.

[iamsmruti]

@Dschoordsch I have fixed the Active Tasks as well. Please have a look

Screen.Recording.2025-01-09.at.7.57.46.PM.mov

[Dschoordsch]

Thanks for the update. It works fine, but I don't like how it feels. Having two scrollbars feels too cluttered and I think we don't need the two separate scrolling contexts as I don't see a use case where a user needs to see a specific task and history event at the same time.
So what I think would be better is going back to the state of master and instead fix the "Active Tasks" column to run the full length, so that the border shows correctly and scrolling works regardless if there are more tasks or more history events.

[iamsmruti]

Thanks for the update. It works fine, but I don't like how it feels. Having two scrollbars feels too cluttered and I think we don't need the two separate scrolling contexts as I don't see a use case where a user needs to see a specific task and history event at the same time. So what I think would be better is going back to the state of master and instead fix the "Active Tasks" column to run the full length, so that the border shows correctly and scrolling works regardless if there are more tasks or more history events.

Well, if you say, it's not important to see a specific event and history at the same time, then your proposition is correct. But I feel both things are separate entities, and should have their scrollable area. We have scrollable areas in tasks as well. Right ?

I will surely do a POC about your proposition and see how things roll out. Will let you know about this.

Let me know your thoughts,

[Dschoordsch]

I agree these are 2 different things, but I don't think there is a use case where I want to see past event E together with a specific task T. Scrolling in a task is also not that nice and we should probably fix it to expand the task instead. If you feel strongly that we should scroll both independently, I would be interested in your use case.

[iamsmruti]

I got your point. Let's do this. I am updating the PR description as well.

[iamsmruti]

I think I like this layout as well. Have a look @Dschoordsch

Screen.Recording.2025-01-10.at.11.55.01.PM.mov

[Dschoordsch]

Thanks for your work! Yes, this looks much nicer without the scrollbar in the middle of the page.
Will merge it as soon as the tests pass.