Channels listing and details page

[mishramonalisha76]

Pull Request Template

Ticket Number

• 1856

Description

• Problem/Feature:

Type of Change

• Bug fix
• New feature
• Code refactor
• Documentation update
• Other (please describe):

Checklist

• Quick PR: Is this a quick PR? Can be approved before finishing a coffee.
  • Quick PR label added
• Not Merge Ready: Is this PR dependent on some other PR/tasks and not ready to be merged right now.
  • DO NOT Merge PR label added

Frontend Guidelines

• Followed frontend guidelines as per the Guidelines Notion Doc

Build & Testing

• No errors in the build terminal
• Engineer has tested the changes on their local environment
• Engineer has tested the changes on deploy preview

Screenshots/Video with Explanation

• Before: Explain the previous behavior

• After: What's changed now

Additional Context

Review & Approvals

• Self-review completed
• Code review by at least one other engineer
• Documentation updates if applicable

Notes

[github-actions]

PR Preview Action v1.4.7
🚀 Deployed preview to https://push-protocol.github.io/push-dapp/pr-preview/pr-1861/
on branch gh-pages at 2024-09-26 17:05 UTC

[rohitmalhotra1420]

@mishramonalisha76

• Skeleton state is not working correctly.
• Spacing between notifications is not correct.
• Last notification is not visible
• Infinite scroll loader not visible for the channel is not visible
• last channel icon is getting truncated.
• When i load the channel detail page, initially broken channel img with some data is visible and after that skeleton is visible.
• The channel icon will also have a border radius and border.
• Channel icon is shrinking in mobile view.
• When I change the channel from the left sidebar then the channel address in the URL is not updated.

[rohitmalhotra1420]

@mishramonalisha76 to fix the PR comments.

[mishramonalisha76]

The font weight of the channel title in channel listing page doesnot match the one in figma (700 instead of 500 ) @rohitmalhotra1420