feat(sidebar): add collapsible and rtl-friendly Sidebar component

src/locales/en.ts

@@ -1,6 +1,15 @@
 export const en = {
+  title: "Qlockify",
+  logout: "Logout",
+  logoutToast: "Successfully logged out!",
+  confirmLogoutTitle: "Confirm Logout",
+  confirmLogoutMessage: "Are you sure you want to log out of your account?",
+  cancel: "Cancel",
+  lightMode: "Light Mode",
+  darkMode: "Dark Mode",
+
   login: {
-    welcome: "Welcome to Qlockify",
+    welcome: (title: string = "Qlockifiy") => `Welcome to ${title}`,
     enterPassword: "Enter your password",
     verifyNumber: "Verify your number",
     enterMobileDesc: "Enter your mobile number to continue",
@@ -29,11 +38,13 @@ export const en = {
       invalidOtp: "Invalid OTP code"
     }
   },
-    loginTerms: {
+
+  loginTerms: {
     prefix: "By logging in, you agree to our ",
     link: "Terms of Service and Privacy Policy",
     suffix: ""
   },
+
   terms: {
     back: "Back",
     title: "Terms of Service and Privacy Policy",
@@ -71,6 +82,7 @@ export const en = {
       },
     },
   },
+
   profile: {
     title: "User Profile",
     firstName: "First Name",
@@ -95,13 +107,6 @@ export const en = {
       error: "Something went wrong!"
     }
   },
-  logout: "Logout",
-  logoutToast: "Successfully logged out!",
-  confirmLogoutTitle: "Confirm Logout",
-  confirmLogoutMessage: "Are you sure you want to log out of your account?",
-  cancel: "Cancel",
-  lightMode: "Light Mode",
-  darkMode: "Dark Mode",
 
   workspace: {
     title: "Workspace Management",
@@ -222,4 +227,11 @@ export const en = {
     page: "Page",
     next: "Next",
   },
+
+  sidebar: {
+    workspaces: 'Workspaces',
+    clients: 'Clients',
+    expand: 'Expand',
+    collapse: 'Collapse',
+  },
 }