fix: moved shadcn import so that default styling applies

Author: justcho5

frontend/components.json

@@ -11,7 +11,7 @@
     "prefix": ""
   },
   "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils"
+    "components": "src/@/components",
+    "utils": "src/@/lib/utils"
   }
 }

frontend/@/components/icons.tsx renamed to frontend/src/@/components/icons.tsx

@@ -10,7 +10,9 @@ export function Card({ recipe }: Props) {
       /> */}
       <div className="p-1">
         <div>{recipe.name}</div>
-        <div>{recipe.description}</div>
+        <div>
+          <em>{recipe.description}</em>
+        </div>
       </div>
     </div>
   );

frontend/@/components/ui/button.tsx renamed to frontend/src/@/components/ui/button.tsx

@@ -6,9 +6,9 @@ import { Form } from "../components/Form";
 import { create } from "../services/recipes";
 import { importByURL, generateWithGPT } from "../services/generate";
 import { useState } from "react";
-import { Button } from "../../@/components/ui/Button";
-import { Input } from "../../@/components/ui/Input";
-import { Icons } from "../../@/components/icons";
+import { Button } from "../@/components/ui/button";
+import { Input } from "../@/components/ui/input";
+import { Icons } from "../@/components/icons";
 
 // export function InputWithButton({
 //   text,