ADD transition to sidebar

frontend/src/components/Sidebar.tsx

@@ -1,6 +1,7 @@
 import { Link } from "react-router-dom";
 import clsx from "clsx";
 import MenuButton from "./buttons/MenuButton.tsx";
+import { Cross } from 'lucide-react';
 
 type props = {
     className?: string
@@ -11,8 +12,8 @@ const Sidebar = ({className}: props) => {
         <div className={clsx("w-64 h-screen bg-white shadow-sm border-r px-4 py-6 flex flex-col gap-2", className)}>
             <Link
                 to="/create">
-                <MenuButton>
-                    ➕ Create Clip
+                <MenuButton className={"flex items-center gap-2"}>
+                    <Cross size={20}/> Create Clip
                 </MenuButton>
             </Link>
         </div>