Feature/Dynamic Error Page Component and Infinite Loading Timeout Feature

[ParagGhatage]

Description

This PR introduces the following features to improve the error handling and content loading behavior of the app:

1. Dynamic Error Page Component: A reusable component to display error messages across the app.
2. Infinite Loading Timeout: A feature that stops infinite loading after 4 seconds if content fails to load.

---

Changes Made

1. Dynamic Error Page Component

• A new ErrorPage component is added that can be dynamically rendered based on the type of error.
• The component accepts custom error messages, error codes, and additional UI elements to provide clear feedback to the user.
• This component can be used anywhere in the app.

2. Infinite Loading Timeout

• Implemented a timeout for content loading. If the content fails to load within 4 seconds, the loading indicator stops, preventing an infinite loading state.
• A fallback mechanism is triggered that either shows the error page or provides an alternative message to the user.

---

Before and After Video

Before:

• Loading content might stay in an infinite loading state if there’s an issue, which might leave the user unaware of the error.

Untitled.video.-.Made.with.Clipchamp.3.mp4

After:

• After 4 seconds, the app will stop the loading animation and display an error page or a relevant fallback message, preventing the endless waiting state.

dynamic-error-page.-.Made.with.Clipchamp.mp4

How It Works

Dynamic Error Page:

• The error page can be used anywhere in the app to show error messages.
• It can accept various types of errors, including custom messages and codes, to provide a better UX when something goes wrong.

Infinite Loading Timeout:

• Every time the app tries to load content, a timeout is initiated. If the loading takes more than 4 seconds, it will stop and show an error page or fallback message.

---

Checklist

• Code works as expected
• All checks pass (lint, tests, etc.)

Issue Resolved:

This PR closes Issue : #92