Refactor input styles, implement 3D toggle state management, and enhance FileMenu with dropdown options

app/src/components/ui/FileMenu.tsx

@@ -1,12 +1,24 @@
-import React from "react";
+import React, { useState } from "react";
 import RenameInput from "./inputs/RenameInput";
+import { ArrowIcon } from "../icons/ExportCommonIcons";
+import MenuBar from "./menu/menu";
 
 const FileMenu: React.FC = () => {
+  const [openMenu, setOpenMenu] = useState(false);
   return (
     <div className="project-dropdowm-container">
       <div className="project-name">
         <RenameInput value="untitled" />
       </div>
+      <div
+        className="more-options-button"
+        onClick={() => {
+          setOpenMenu(!openMenu);
+        }}
+      >
+        <ArrowIcon />
+        {openMenu && <MenuBar setOpenMenu={setOpenMenu} />}
+      </div>
     </div>
   );
 };