feat: add Review button to ChatCompose component for navigation to review page

Author: milisp

src/components/chat/ChatCompose.tsx

@@ -3,6 +3,8 @@ import { Sandbox } from "../config/Sandbox";
 import { ProviderModels } from "@/components/config/provider-models";
 import { ReasoningEffortSelector } from "../config/ReasoningEffortSelector";
 import type { MediaAttachment } from "@/types/chat";
+import { Button } from "../ui/button";
+import { useNavigate } from "react-router-dom";
 
 interface ChatComposeProps {
   inputValue: string;
@@ -19,6 +21,7 @@ export function ChatCompose({
   onStopStreaming,
   isBusy,
 }: ChatComposeProps) {
+  const navigate = useNavigate();
   return (
     <div className="border-t bg-background px-2">
       <ChatInput
@@ -29,10 +32,13 @@ export function ChatCompose({
         disabled={isBusy}
         isLoading={isBusy}
       />
-      <div className="flex flex-wrap items-center">
-        <Sandbox />
-        <ProviderModels />
-        <ReasoningEffortSelector />
+      <div className="flex flex-wrap items-center justify-between">
+        <span>
+          <Sandbox />
+          <ProviderModels />
+          <ReasoningEffortSelector />
+        </span>
+        <Button onClick={() => navigate("/review")}>Review</Button>
       </div>
     </div>
   );