diff --git a/app/[orgId]/problems/page.tsx b/app/[orgId]/problems/page.tsx
index 38882f7..1e12d0a 100644
--- a/app/[orgId]/problems/page.tsx
+++ b/app/[orgId]/problems/page.tsx
@@ -31,11 +31,11 @@ export default function ProblemsPage({
         setProblems(data);
       } catch (error) {
         console.error("Error fetching problems:", error);
-        toast({
-          title: "Error fetching problems",
-          description: "Using mock data as fallback",
-          variant: "destructive",
-        });
+        // toast({
+        //   title: "Error fetching problems",
+        //   description: "Using mock data as fallback",
+        //   variant: "destructive",
+        // });
         setProblems(mockProblems);
       }
     };
diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index 8dcda47..35c11b9 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -192,6 +192,18 @@ export function AppSidebar({ children }: { children: React.ReactNode }) {
   // Get the base path (e.g., /[orgId])
   const basePath = pathname.split("/").slice(0, 2).join("/");
 
+  // Utility function to generate breadcrumbs from pathname
+  const generateBreadcrumbs = (pathname: string) => {
+    const paths = pathname.split("/").filter(Boolean);
+    return paths.map((path) => ({
+      href: "/" + paths.slice(0, paths.indexOf(path) + 1).join("/"),
+      label: path
+        .split("-")
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(" "),
+    }));
+  };
+
   return (
     <ThemeProvider>
       <SidebarProvider>
@@ -383,15 +395,24 @@ export function AppSidebar({ children }: { children: React.ReactNode }) {
               <Separator orientation="vertical" className="mr-2 h-4" />
               <Breadcrumb>
                 <BreadcrumbList>
-                  <BreadcrumbItem className="hidden md:block">
-                    <BreadcrumbLink href="#">
-                      Building Your Application
-                    </BreadcrumbLink>
-                  </BreadcrumbItem>
-                  <BreadcrumbSeparator className="hidden md:block" />
-                  <BreadcrumbItem>
-                    <BreadcrumbPage>Data Fetching</BreadcrumbPage>
-                  </BreadcrumbItem>
+                  {generateBreadcrumbs(usePathname()).map(
+                    (crumb, index, array) => (
+                      <React.Fragment key={crumb.href}>
+                        <BreadcrumbItem className="hidden md:block">
+                          {index === array.length - 1 ? (
+                            <BreadcrumbPage>{crumb.label}</BreadcrumbPage>
+                          ) : (
+                            <BreadcrumbLink href={crumb.href}>
+                              {crumb.label}
+                            </BreadcrumbLink>
+                          )}
+                        </BreadcrumbItem>
+                        {index < array.length - 1 && (
+                          <BreadcrumbSeparator className="hidden md:block" />
+                        )}
+                      </React.Fragment>
+                    ),
+                  )}
                 </BreadcrumbList>
               </Breadcrumb>
             </div>