feat: enhance task management with subscription updates and error handling

- Added subscription update handling in TaskManager to refresh tasks on subscription changes.
- Implemented due date validation to prevent past dates in task creation and editing.
- Introduced a modal for upgrading subscription plans with a notice for refreshing after upgrade.
- Enhanced UI with custom scrollbar styles for better user experience.
- Created AgoraDebugOverlay and ChatPanel components for improved communication features.
- Developed EmailCompose component for composing and sending emails with attachment support.
- Implemented PricingPage with dynamic pricing plans fetched from the API and detailed comparison table.

Author: AryanDevCodes

.gitignore

@@ -47,15 +47,12 @@ build/
 logs/
 *.log
 
-
-# Environment variables and sensitive config
+# Environment variables
+# .env
 *.env
 *.local
-**/.env
-**/application.properties
-**/application.yml
-
-!application-local.properties
+!application.properties
+application-local.properties
 
 # OS files
 .DS_Store
@@ -94,3 +91,4 @@ scripts/*.pyc
 # Zego token service
 zego-token-service/node_modules/
 zego-token-service/.env
+src/main/resources/application.yml

src/main/java/com/syncora/communication/chat/repository/ChatFileRepository.java

@@ -2,6 +2,7 @@
 
 import com.syncora.communication.chat.entity.ChatFile;
 import org.springframework.data.jpa.repository.JpaRepository;
+import org.springframework.lang.NonNull;
 import org.springframework.stereotype.Repository;
 
 import java.util.List;
@@ -14,5 +15,6 @@ public interface ChatFileRepository extends JpaRepository<ChatFile, String> {
 
     List<ChatFile> findByUploadedBy(String uploadedBy);
 
-    Optional<ChatFile> findById(String id);
+    @NonNull 
+    Optional<ChatFile> findById(@NonNull String id);
 }

syncora_frontend/.env.example

@@ -0,0 +1,5 @@
+VITE_API_URL=http://localhost:8081/api
+
+VITE_ZEGO_APP_ID=your_app_id_here
+VITE_ZEGO_SERVER_SECRET=your_server_secret_here
+VITE_ZEGO_WS_URL=wss://your-websocket-url-here

syncora_frontend/src/components/common/Navbar.tsx

@@ -1,29 +1,63 @@
-import { Bell, Search } from 'lucide-react';
+import { Bell, Search, LogOut } from 'lucide-react';
+import { useAuth } from '@/contexts/AuthContext';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
-import { Badge } from '@/components/ui/badge';
+import { SidebarTrigger } from '@/components/ui/sidebar';
 
 export const Navbar = () => {
+  const { user, logout } = useAuth();
+  
   return (
-    <header className="flex-1 flex items-center justify-between gap-4">
-      {/* Search */}
-      <div className="flex-1 max-w-md">
-        <div className="relative group">
-          <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground group-focus-within:text-primary transition-colors" />
-          <input
-            type="search"
-            placeholder="Search anything..."
-            className="w-full h-10 pl-10 pr-4 rounded-lg glass-card border border-border/50 focus:border-primary focus:shadow-glow transition-all outline-none text-sm hover:border-primary/50"
-          />
+    <header className="sticky top-0 w-full flex items-center justify-between gap-4 px-4 py-2 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 z-50">
+      {/* Left: Sidebar trigger */}
+      <div className="flex items-center gap-3">
+        <SidebarTrigger />
+        <div className="hidden md:flex items-center gap-2 max-w-sm flex-1">
+          <div className="relative w-full">
+            <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-muted-foreground" />
+            <Input
+              type="search"
+              placeholder="Search..."
+              className="pl-9 pr-4 h-9 bg-muted/50 border-muted-foreground/20 focus-visible:ring-primary"
+            />
+          </div>
         </div>
       </div>
 
-      {/* Actions */}
-      <div className="flex items-center gap-2">
-        <Button variant="ghost" size="icon" className="relative hover-scale h-10 w-10 rounded-lg">
-          <Bell className="h-5 w-5" />
-          <span className="absolute top-2 right-2 h-2 w-2 bg-destructive rounded-full animate-pulse shadow-glow" />
+      {/* Right: Notifications & User Profile */}
+      <div className="flex items-center gap-3">
+        {/* Notifications */}
+        <Button
+          variant="ghost"
+          size="icon"
+          className="relative h-9 w-9 text-muted-foreground hover:text-foreground"
+        >
+          <Bell className="w-4 h-4" />
+          <span className="absolute top-1.5 right-1.5 w-2 h-2 bg-destructive rounded-full animate-pulse" />
         </Button>
+
+        {/* User Profile */}
+        <div className="flex items-center gap-2 px-2 py-1.5 rounded-lg border bg-card hover:bg-accent/10 transition-colors cursor-pointer group">
+          <Avatar className="w-8 h-8 border-2 border-primary/30 group-hover:border-primary transition-all">
+            <AvatarImage src={user?.avatar} alt={user?.name} />
+            <AvatarFallback className="bg-gradient-primary text-white text-xs">
+              {user?.name?.charAt(0) || 'U'}
+            </AvatarFallback>
+          </Avatar>
+          <div className="hidden md:flex flex-col min-w-0">
+            <p className="text-xs font-medium text-foreground truncate">{user?.name || 'Guest User'}</p>
+            <p className="text-[10px] text-muted-foreground truncate">{user?.email || 'guest@syncora.com'}</p>
+          </div>
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={logout}
+            className="h-6 w-6 text-muted-foreground hover:text-destructive hover:rotate-12 transition-all"
+          >
+            <LogOut className="w-3 h-3" />
+          </Button>
+        </div>
       </div>
     </header>
   );