fix: resolved load more posts delay issue (quince.master)

[awais-ansari]

INF-1090

Description I noticed in Hotjar recordings that the “Load more posts” button is very slow and gets even slower with successive clicks. I’ve attached a recording of a test I conducted.

• First, load more clicks: API response takes 983 msec but it takes 6 seconds to load 10 new posts in the UI. :open_mouth:
• 12th load more click: API response takes 816 msec but it takes 42 seconds to load 10 new posts in the UI. :exploding_head: It seems like the API call is sent 14 seconds after the button clicks. https://www.loom.com/share/c2e296f135734a6389a238768d6e4602?sid=d0c0d7cb-7e9c-4cc5-b519-99c3c31bf9ad

Implementation

• Component is optimized and every Post item is rendered one time.
• The post item component was using the Truncate component to truncate the post title and preview. Which was taking too much time.
• Our use cases are simple. So truncated the post title and preview using Bootstrap classes.

https://www.loom.com/share/4453d72e480243888de2a89cf206ce8f?sid=4f0da169-c032-4f40-99f5-ae6800f6b7aa

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

:exclamation: No coverage uploaded for pull request base (open-release/quince.master@eb127cd). Click here to learn what that means.

Additional details and impacted files

```diff @@ Coverage Diff @@ ## open-release/quince.master #614 +/- ## ============================================================= Coverage ? 92.37% ============================================================= Files ? 169 Lines ? 3450 Branches ? 898 ============================================================= Hits ? 3187 Misses ? 243 Partials ? 20 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.