feat: converted notification redux structure to context API

[sundasnoreen12]

https://2u-internal.atlassian.net/browse/INF-1603

Purpose
The purpose of converting the notification architecture from Redux to the Context API is to eliminate duplicated providers and stores, streamlining the structure and improving efficiency in managing state across the application.

Description
We have refactored the state management of the notification tray, transitioning from Redux to the Context API as the central store. This involved replacing all dispatch calls in the reducer with direct API calls, and managing server data through the Context provider. This change centralizes state management and resolves the issue of duplicate providers.

We have introduced a new waffle flag, “notifications.enable_new_notification_view,” in the backend as part of PR #35569.

All changes related to the Context API have been organized in a new folder named “new-notifications,” while the existing Redux architecture remains intact in the “Notifications” folder. This approach allows us to test the Context API structure by enabling the waffle flag on the staging environment. Once testing is complete, we plan to remove the Redux-related notifications folder and exclusively utilize the new notifications folder that incorporates the Context API changes.

Test

I conducted testing on the local machine by enabling these waffle flags and following the instructions outlined in the document found here:

1. notifications.enable_new_notification_view
2. notifications.show_notifications_tray
3. notifications.enable_notification

Note: I have made updates specifically for the Learning Header for now. Since the Discussion MFE uses the Learning Header, I tested the notification tray locally on that implementation.

[awais-ansari]

Create a context folder and move all the context there.

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 89.56522% with 36 lines in your changes missing coverage. Please review.

Project coverage is 78.00%. Comparing base (01e5f14) to head (f7f52f3).
Report is 28 commits behind head on master.

Files with missing lines	Patch %	Lines
src/new-notifications/tours/data/hooks.js	56.25%	14 Missing ⚠️
src/new-notifications/index.jsx	88.23%	5 Missing and 1 partial ⚠️
src/new-notifications/data/hook.js	95.00%	3 Missing ⚠️
src/new-notifications/tours/data/api.js	57.14%	3 Missing ⚠️
src/new-notifications/utils.js	88.88%	3 Missing ⚠️
.../learning-header/New-AuthenticatedUserDropdown.jsx	93.33%	2 Missing ⚠️
src/new-notifications/tours/constants.js	0.00%	2 Missing ⚠️
src/learning-header/AuthenticatedUserDropdown.jsx	66.66%	1 Missing ⚠️
src/new-notifications/NotificationSections.jsx	97.22%	1 Missing ⚠️
src/new-notifications/tours/NotificationTour.jsx	91.66%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #598      +/-   ##
==========================================
+ Coverage   72.47%   78.00%   +5.53%     
==========================================
  Files          52       74      +22     
  Lines         821     1205     +384     
  Branches      169      253      +84     
==========================================
+ Hits          595      940     +345     
- Misses        216      254      +38     
- Partials       10       11       +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jsnwesson]

One thing I'd suggest is that I noticed the test files for NotificationRowItem, NotificationSections, and NotificationTabs start with a lowercase letter, but that's probably more of a nit pick than something that would affect the tests passing/failing.

Otherwise, this looks okay to me!

[adamstankiewicz]

Left some comments, with a few clarifying higher level questions (e.g., around the boundaries between notifications and the authenticated user dropdown). Most of the comments pertain to styling/theming, addressing ESLint rules like react-hooks/exhaustive-deps vs. disabling them, and a sanity check around a possible race condition when marking notification as "read" when clicking a hyperlink.

[adamstankiewicz]

LGTM, with a couple comments. I appreciate all your iteration through the feedback! 🙌