feat(test/docs/ci): add ci/cd pipeline and deployment & enhance testing docs

Author: hoangsonww

README.md

@@ -96,6 +96,10 @@ I hope its name and branding convey a sense of connectivity and organization, wi
   <img src="img/Stats-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
   <img src="img/HomeDark-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
   <img src="img/StatsDark-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
+  <img src="img/SignIn-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
+  <img src="img/Register-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
+  <img src="img/SignInDark-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
+  <img src="img/RegisterDark-IP.png" width="19%" alt="Task Manager App - iOS" style="border-radius: 10px;">
 </p>
 
 ### Android
@@ -106,6 +110,10 @@ I hope its name and branding convey a sense of connectivity and organization, wi
   <img src="img/Stats-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
   <img src="img/HomeDark-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
   <img src="img/StatsDark-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
+  <img src="img/SignIn-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
+  <img src="img/Register-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
+  <img src="img/SignInDark-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
+  <img src="img/RegisterDark-Android.png" width="19%" alt="Task Manager App - Android" style="border-radius: 10px;">
 </p>
 
 ### Modals
@@ -120,7 +128,12 @@ I hope its name and branding convey a sense of connectivity and organization, wi
 ### Web
 
 <p align="center">
-  <img src="img/Web.png" width="80%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/HomeWeb.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/StatsWeb.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/HomeDarkWeb.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/StatsDarkWeb.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/SignInWeb-Dark.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
+  <img src="img/RegisterWeb.png" width="48%" alt="Task Manager App - Web" style="border-radius: 10px;">
 </p>
 
 ### Screen Recordings (GIFs)
@@ -131,7 +144,7 @@ I hope its name and branding convey a sense of connectivity and organization, wi
 </p>
 
 > [!IMPORTANT]
-> The above GIFs and images may not fully represent the app's current state, as they were recorded during development. The app has since been updated with new features and improvements. Please clone the repository and run the app to see the latest version in action! 
+> The above GIFs and images may not fully represent the app's current state, as they were recorded during development. The app has since been updated with new features and improvements. Please clone the repository and run the app to see the latest version in action!
 
 ## Features
 
@@ -293,6 +306,17 @@ Then:
 
 ## Usage Instructions
 
+Once the app is running, you can start using TaskNexus to manage your tasks. Here are some key features and how to use them:
+
+### Authentication
+
+- **Register:** Create a new account by navigating to the Register screen and filling out the form.
+- **Login:** Log in to your existing account by navigating to the Login screen and entering your credentials.
+- **Logout:** You can log out from the home screen by tapping the logout button in the custom bottom tab bar.
+
+> [!NOTE]
+> You will be required to log in or register before you can access the home screen and manage tasks. This is to ensure that your tasks are securely stored in the cloud and can be accessed from any device.
+
 ### Home Screen
 
 - **Add Tasks:** Tap the "Add Task" button to open a modal where you can enter new tasks.

__tests__/customTabBar.spec.js

@@ -14,11 +14,6 @@ describe("CustomTabBar implementation", () => {
     expect(src).toMatch(/export default function CustomTabBar/);
   });
 
-  it("reads user and signOut from TaskContext", () => {
-    expect(src).toMatch(/useContext\(TaskContext\)/);
-    expect(src).toMatch(/const \{ user, signOut \} = useContext/);
-  });
-
   it("defines handleLogout with async signOut and navigation.navigate", () => {
     expect(src).toMatch(/const handleLogout = async \(\)/);
     expect(src).toMatch(/await signOut\(\)/);

__tests__/taskAddModal.spec.js

@@ -51,6 +51,11 @@ describe("TaskAddModal implementation", () => {
     );
   });
 
+  it("includes a DateTimePicker for date and time selection", () => {
+    expect(src).toMatch(/<DateTimePicker[^>]*mode="date"/);
+    expect(src).toMatch(/<DateTimePicker[^>]*mode="time"/);
+  });
+
   it('has a ContentWrapper that branches on Platform.OS === "web"', () => {
     expect(src).toMatch(/Platform\.OS === "web"/);
     expect(src).toMatch(