Added the offline status indicator

[tarunkumar2005]

Description

Please include a summary of the change and which issue is fixed. Also include relevant motivation and context.

• Fixes Offline First Experience with Caching and Sync Status Indicator #351

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation update
• Tests update

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• New and existing unit tests pass locally with my changes
• I have maintained a clean commit history by using the necessary Git commands
• I have checked that my code does not cause any merge conflicts

Screenshots (if applicable)

Recording.2024-11-09.144651.mp4

@yashmandi Please check this PR and merge this and assign this to me and put relevant labels such as gssoc 2024 ext, hacktoberfest and level also i think it can be level 3 for efforts putted on this right.