first commit

initialized project
updated theme addaptive svg icons
defined project structure

app/src/components/layout/sidebarLeft/SideBarLeft.tsx

@@ -0,0 +1,24 @@
+import React, { useState } from "react";
+import ToggleHeader from "../../ui/inputs/ToggleHeader";
+import Search from "../../ui/inputs/Search";
+
+const SideBarLeft: React.FC = () => {
+  const [activeOption, setActiveOption] = useState("Option 1");
+
+  const handleToggleClick = (option: string) => {
+    setActiveOption(option); // Update the active option
+  };
+  return (
+    <>
+      <div>SideBarLeft</div>
+      <ToggleHeader
+        options={["Outline", "Assets"]}
+        activeOption={activeOption}
+        handleClick={handleToggleClick}
+      />
+      <Search onChange={(value) => console.log(value)} />
+    </>
+  );
+};
+
+export default SideBarLeft;