UPDATE icons

frontend/src/components/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { Link } from "react-router-dom";
 import clsx from "clsx";
 import MenuButton from "./buttons/MenuButton.tsx";
-import { Cross, User } from 'lucide-react';
+import { Plus, Film } from 'lucide-react';
 
 type props = {
     className?: string
@@ -11,13 +11,14 @@ const Sidebar = ({className}: props) => {
     return (
         <div className={clsx("h-screen bg-white shadow-sm border-r flex flex-col gap-2 mr-5", className)}>
             <Link
+                className={"w-full"}
                 to="/create">
-                <MenuButton className={"flex items-center gap-2"}>
+                <MenuButton className={"flex items-center gap-2 w-full"}>
-                    <Cross size={20}/> Create Clip
+                    <Plus size={20}/> Create Clip
                 </MenuButton>
             </Link>
             <MenuButton className={"flex items-center gap-2"}>
-                <User size={20}/> My Clips
+                <Film size={20}/> My Clips
             </MenuButton>
         </div>
     );

frontend/src/pages/ClipUpload.tsx

@@ -1,6 +1,6 @@
 import {useState} from "react";
 import {useNavigate} from "react-router-dom";
-import { uploadFile } from "../utils/Endpoints"
+import { uploadFile } from "../utils/endpoints"
 import BlueButton from "../components/buttons/BlueButton.tsx";
 
 const clipUpload = () => {