fix(ui): fix minor ui bugs

src/pages/student/practice/Test.tsx

@@ -539,17 +539,6 @@ const Confetti = ({ active }: { active: boolean }) => {
   );
 };
 
-const snapPoints = [
-  "190px",
-  "250px",
-  "300px",
-  "350px",
-  "400px",
-  "500px",
-  "600px",
-  "700px",
-];
-
 // ─── XP Popup Component ───────────────────────────────────────────────────────
 const XPPopup = ({ xp, show }: { xp: number; show: boolean }) => {
   if (!show) return null;
@@ -636,8 +625,6 @@ export const Test = () => {
   const quitExam = useSatExam((s) => s.quitExam);
   const setResults = useResults((s) => s.setResults);
 
-  const [snap, setSnap] = useState<number | string | null>(snapPoints[0]);
-
   const startExam = async () => {
     console.log("startExam called", { user, sheetId });
     if (!user) {
@@ -1433,12 +1420,12 @@ export const Test = () => {
           {isMCQ && (
             <Drawer.Root
               modal={false}
-              snapPoints={[0.35, 0.6, 0.85]}
+              snapPoints={[0.35, 0.6, 0.95]}
               defaultOpen={true}
             >
               <Drawer.Portal>
                 <Drawer.Content
-                  className="fixed flex flex-col bg-white border-t-2 border-gray-100 rounded-t-[24px] bottom-0 left-0 right-0 h-[85vh]"
+                  className="fixed flex flex-col bg-white border-t-2 border-gray-100 rounded-t-[24px] bottom-0 left-0 right-0 h-[85vh] "
                   style={{ zIndex: 10 }}
                 >
                   {/* Drag handle */}
@@ -1451,7 +1438,7 @@ export const Test = () => {
                   </Drawer.Title>
 
                   {/* Scrollable options */}
-                  <div className="flex-1 overflow-y-auto px-5 pb-8">
+                  <div className="flex-1 overflow-y-auto px-5 pb-40">
                     {renderOptions(currentQuestion)}
                   </div>
                 </Drawer.Content>