Frontend: Add Storybook Stories for Notifications Component

[Faakhir30]

Refers #931
Added Storybook stories to showcase and test different states of the Notifications component.

• Refactored Notifications components to seperate file and updated imports from index.ts

• Added test utility function createTestNotification to generate sample notifications

• Set up Redux store configuration for testing with configureStore

• Included MemoryRouter wrapper for proper routing context

• Added decorators to provide necessary context providers

• Added Storybook stories to test different states of the Notifications component.

• Verified tests passing
  

[illume]

Thanks so much for this!

We have this convention for git commits with the context at the beginning.

Something like: frontend: Notifications: Add Storybook Stories.

Oh... It seems like it's not tracking the move of the file into Notifications.tsx. Maybe that could be a separate commit first to move the file with minimal changes and then in a separate commit add the stories. Then git should hopefully be able to track the move.

[Faakhir30]

Oh... It seems like it's not tracking the move of the file into Notifications.tsx. Maybe that could be a separate commit first to move the file with minimal changes and then in a separate commit add the stories. Then git should hopefully be able to track the move.

@illume I've made separate 2 commits now: frontend: Notifications: Add storybook Stories and snapshots. and frontend: Notifications: Refactor notifications.tsx to Barrel Export Pattern. hopefully solves the issue.