storybook and shadcn integrate

front_end_portserver/src/App.tsx

@@ -1,7 +1,9 @@
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
 import viteLogo from '/vite.svg'
-import './App.css'
+// IMPORT BUAT CSS SHADCN
+import '../app/global.css'
+import { Button } from "@/components/ui/button"
 
 function App() {
   const [count, setCount] = useState(0)
@@ -28,9 +30,8 @@ function App() {
       <p className="read-the-docs">
         Click on the Vite and React logos to learn more
       </p>
-      <h1 className="text-3xl font-bold underline">
-        INI TAILWIND CSS
-      </h1>
+      <Button>ORANGE</Button>
+      <Button variant="destructive">DESTRUCTIVE</Button>
     </>
   )
 }