fix logo on sidebar

frontend/src/components/Sidebar.tsx

@@ -13,10 +13,7 @@ const Divider = () => <hr className="w-full my-1.5 mx-2 border-hover" />;
 const Sidebar = ({user, className}: props) => {
     return (
         <aside className={clsx("h-screen flex flex-col bg-sidebar border-r border-hairline p-2 items-center gap-1", className)}>
-            <div className={"flex items-center gap-2"}>
-                <Video size={24} className={"mb-1"}/>
-                <h2 className={"font-heading text-2xl"}>VoD System</h2>
-            </div>
+            <h2 className={"font-heading text-2xl mt-1"}>The VoD System</h2>
 
             <nav className="flex flex-col flex-1 items-center w-3/4">
                 <Divider />