enhancement: Create OnlineStatusSnackbar Component

[Edithmark42]

Description

This issue is to track the development of a new component called OnlineStatusSnackbar for our project. The OnlineStatusSnackbar component will be used to display snackbars across various parts of our application to show the network online/offline status.

Goals

• Implement a reusable OnlineStatusSnackbar component that adheres to our design system guidelines.
• Integrate the CoreSnackbar component seamlessly into our existing Wrappid application.

Features

• Display different types of notifications (success, warning, error, info).
• Support for customizable duration and auto-dismissal behavior.
• Provide options for action buttons or icons within the Snackbar.
• Accessibility considerations for screen readers and keyboard navigation.

Technical Considerations

• Use Material-UI's Snackbar component as a base for the implementation.
• Ensure proper error handling and fallbacks for edge cases.
• Write unit tests for the CoreSnackbar component to ensure reliability and maintainability.
• Document the usage and props of the CoreSnackbar component for developers.

Acceptance Criteria

• The CoreSnackbar component should be implemented and functional within the project.
• It should pass all unit tests and meet the defined requirements and features.
• The CoreSnackbar component should be reviewed by at least one team member before merging into the main branch.

[Edithmark42]

Requirement

The OnlineStatusSnackbar should only get activated when the network status gets offline. It should persist till the connection gets back online. then it should pop up the "You are now connected" message for 6000 ms.

[Edithmark42]

Assigning this issue to @techoneel as The basic funtionality of OnlineStatusSnackbar was implemented successfully.

[Edithmark42]

The Core OnlineStatus componet was implementen in Core Package, Native web is working, Native-mobile requires some changes in ref: https://github.com/wrappid/native-mobile/issues/51