fix(dashboard): DPP tags properly dynamic based on user target exam

src/components/CBT/PeriodicTable.tsx

@@ -14,19 +14,17 @@ export function PeriodicTable({ isOpen, onClose }: PeriodicTableProps) {
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/70 backdrop-blur-md animate-in fade-in duration-300">
-      <div className="bg-background border border-border shadow-2xl rounded-2xl overflow-hidden animate-in zoom-in-95 duration-300 flex flex-col w-[90vw] max-w-5xl h-[85vh]">
+      <div className="bg-background border border-border shadow-2xl rounded-2xl overflow-hidden animate-in zoom-in-95 duration-300 flex flex-col w-[95vw] max-w-[1400px] h-[95vh]">
         <div className="p-4 border-b border-border flex justify-between items-center bg-secondary/80">
           <h3 className="font-bold text-lg">Periodic Table of Elements</h3>
           <div className="flex gap-2">
-             <Button variant="outline" size="sm"><ExternalLink size={14} className="mr-2"/> Open Fullscreen</Button>
              <button onClick={onClose} className="text-muted-foreground hover:text-foreground ml-2 p-2">
                <X size={24} />
              </button>
           </div>
         </div>
-        <div className="flex-1 bg-zinc-950 p-6 flex items-center justify-center relative overflow-auto">
-          {/* We will use a high quality remote SVG/image for the periodic table reference */}
-          <div className="relative w-full h-full min-w-[800px] min-h-[500px]">
+        <div className="flex-1 bg-white p-4 flex items-start justify-start relative overflow-auto">
+          <div className="relative w-[1800px] h-[1100px] shrink-0">
              {/* Using a reliable wikimedia SVG for Periodic Table as a reference */}
              <Image 
                 src="https://upload.wikimedia.org/wikipedia/commons/4/4d/Periodic_table_large.svg"