chore: updates the order of the charts (#24)

Author: ejkorol

app/src/components/variation/index.tsx

@@ -43,21 +43,21 @@ export const VariationPage = () => {
   return (
     <div className="space-y-12">
       <VariationChart
-        title="Total Install Time by Fixture"
-        variationData={totalVariationData}
+        title="Per Package Install Time by Fixture"
+        variationData={perPackageVariationData}
         packageManagers={packageManagers}
         colors={colors}
         chartData={chartData}
-        isPerPackage={false}
+        isPerPackage={true}
       />
 
       <VariationChart
-        title="Per Package Install Time by Fixture"
-        variationData={perPackageVariationData}
+        title="Total Install Time by Fixture"
+        variationData={totalVariationData}
         packageManagers={packageManagers}
         colors={colors}
         chartData={chartData}
-        isPerPackage={true}
+        isPerPackage={false}
       />
 
       <div className="space-y-8">

app/src/routes.tsx

@@ -1,4 +1,4 @@
-import { RouterProvider, createBrowserRouter } from "react-router";
+import { RouterProvider, createHashRouter } from "react-router";
 import App from "@/app";
 import { VariationPage } from "@/components/variation";
 import type { RouteObject } from "react-router";
@@ -16,6 +16,6 @@ export const routes: RouteObject[] = [
   },
 ];
 
-const router = createBrowserRouter(routes);
+const router = createHashRouter(routes);
 
 export const Router = () => <RouterProvider router={router} />;