feat(request-details): implement observability settings and enhance request detail tracking

- Added new observability settings in the dashboard for max records, batch size, flush interval, and max JSON size.
- Introduced `extractRequestConfig` function to capture full request configurations.
- Enhanced error handling by saving detailed request information on failures.
- Updated usage tracking to include new token metrics.
- Modified streaming functions to support detailed content and reasoning tracking.

src/app/(dashboard)/dashboard/usage/page.js

@@ -3,6 +3,7 @@
 import { useState, Suspense } from "react";
 import { UsageStats, RequestLogger, CardSkeleton, SegmentedControl } from "@/shared/components";
 import ProviderLimits from "./components/ProviderLimits";
+import RequestDetailsTab from "./components/RequestDetailsTab";
 
 export default function UsagePage() {
   const [activeTab, setActiveTab] = useState("overview");
@@ -14,6 +15,7 @@ export default function UsagePage() {
           { value: "overview", label: "Overview" },
           { value: "logs", label: "Logger" },
           { value: "limits", label: "Limits" },
+          { value: "details", label: "Details" },
         ]}
         value={activeTab}
         onChange={setActiveTab}
@@ -31,6 +33,7 @@ export default function UsagePage() {
           <ProviderLimits />
         </Suspense>
       )}
+      {activeTab === "details" && <RequestDetailsTab />}
     </div>
   );
 }