chore: update labels and UI minor adjustments for clarity

frontend/src/components/navbar.tsx

@@ -26,7 +26,7 @@ export function Navbar() {
   const [logoHovered, setLogoHovered] = useState(false);
 
   return (
-    <header className="sticky top-0 z-40 h-16 w-full">
+    <header className="top-0 z-40 h-16 w-full">
       <div className="mx-auto flex h-full max-w-7xl items-center justify-between px-6">
         {/* Left: logo */}
         <div

frontend/src/features/onboarding/components/splash-screen.tsx

@@ -14,9 +14,9 @@ export function SplashScreen({
     <div className="fixed inset-0 z-50 flex flex-col items-center justify-center bg-gradient-to-b from-background via-background to-primary/5">
       {/* Mascot */}
       <motion.img
-        src="/Sloth emojis/Sloth w PC Confetti no Logo.png"
+        src="/Sloth emojis/Sloth loca pc.png"
         alt="Sloth mascot"
-        className="size-48"
+        className="size-30"
         initial={{ opacity: 0, y: 40, scale: 0.95 }}
         animate={{ opacity: 1, y: 0, scale: 1 }}
         transition={{

frontend/src/features/onboarding/components/steps/hyperparameters-step.tsx

@@ -207,7 +207,7 @@ export function HyperparametersStep() {
             <div className="flex flex-col gap-4">
               <div className="flex items-center justify-between">
                 <FieldLabel className="flex items-center gap-1.5 !text-sm text-muted-foreground">
-                  Rank (r)
+                  Rank
                   <Tooltip>
                     <TooltipTrigger asChild={true}>
                       <button

frontend/src/features/studio/sections/dataset-section.tsx

@@ -183,7 +183,7 @@ export function DatasetSection() {
               icon={ArrowDown01Icon}
               className={`size-3.5 transition-transform ${recOpen ? "rotate-180" : ""}`}
             />
-            Recommended Datasets
+            Common Datasets
           </CollapsibleTrigger>
           <CollapsibleContent className="mt-3 flex flex-col gap-1.5">
             {DATASETS.filter((d) => d.recommended).map((d) => (

frontend/src/features/studio/sections/model-section.tsx

@@ -170,7 +170,7 @@ export function ModelSection() {
         {/* HF Repo */}
         <div className="flex flex-col gap-2">
           <span className="text-xs font-medium text-muted-foreground">
-            HF Repo
+            Hugging Face Repo
           </span>
           <InputGroup>
             <InputGroupAddon>
@@ -260,7 +260,7 @@ export function ModelSection() {
         {/* HF Token */}
         <div className="flex flex-col gap-2">
           <span className="text-xs font-medium text-muted-foreground">
-            HF Token
+            Hugging Face Token (Optional)
           </span>
           <InputGroup>
             <InputGroupAddon>

frontend/src/features/studio/sections/params-section.tsx

@@ -477,7 +477,7 @@ export function ParamsSection(): ReactElement {
               icon={ArrowDown01Icon}
               className={`size-3.5 transition-transform ${hyperOpen ? "rotate-180" : ""}`}
             />
-            Training Hyperparams
+            Training Hyperparameters
           </CollapsibleTrigger>
           <CollapsibleContent className="mt-3">
             <Tabs defaultValue="optimization" className="w-full">