Move Versions dropdown to the end of the row (#230)

* Move the Versions dropdown to the end of the row

* update dependencies

Author: severo

package.json

@@ -53,7 +53,7 @@
     "watch:url": "NODE_ENV=development nodemon bin/cli.js https://hyperparam.blob.core.windows.net/hyperparam/starcoderdata-js-00000-of-00065.parquet"
   },
   "dependencies": {
-    "hightable": "0.15.0",
+    "hightable": "0.15.1",
     "hyparquet": "1.12.1",
     "hyparquet-compressors": "1.1.1",
     "icebird": "0.2.0",
@@ -81,12 +81,12 @@
     "eslint-plugin-storybook": "0.12.0",
     "globals": "16.0.0",
     "jsdom": "26.1.0",
-    "nodemon": "3.1.9",
+    "nodemon": "3.1.10",
     "npm-run-all": "4.1.5",
     "storybook": "8.6.12",
     "typescript": "5.8.3",
     "typescript-eslint": "8.31.0",
-    "vite": "6.3.2",
+    "vite": "6.3.3",
     "vitest": "3.1.2"
   },
   "eslintConfig": {

src/components/Breadcrumb/Breadcrumb.module.css

@@ -23,7 +23,7 @@
 /* file path */
 .path {
   margin: 0 2px;
-  margin-right: 4px;
+  margin-right: auto;
   min-width: 0;
   overflow: auto;
   /* TODO(SL): forbid wrap + use an ellipsis instead? */
@@ -49,7 +49,7 @@
 }
 
 .versions {
-  margin-left: auto;
+  padding-left: 4px;
 
   [aria-current] {
     font-weight: bold;

src/components/Breadcrumb/Breadcrumb.tsx

@@ -53,7 +53,7 @@ export default function Breadcrumb({ source, children }: BreadcrumbProps) {
         <a href={routes?.getSourceRouteUrl?.({ sourceId: part.sourceId }) ?? ''} key={depth}>{part.text}</a>
       )}
     </div>
-    {source.fetchVersions && <Versions source={source} />}
     {children}
+    {source.fetchVersions && <Versions source={source} />}
   </nav>
 }