Refactor ImportModal code to use useState and useContext hooks

This commit refactors the code for the ImportModal component to use hooks like useState and useContext, resulting in improved readability and maintainability. It also adds functionality to load prebuilt examples and handle local file uploads.

src/frontend/src/modals/importModal/index.tsx

@@ -109,10 +109,12 @@ export default function ImportModal() {
                         <ArrowLeftIcon className="h-6 w-6" aria-hidden="true" />
                       </button>
                     </div>
-										<div className="z-50 absolute bottom-2 left-0 hidden pt-4 pl-2 sm:block">
+                    <div className="z-50 absolute bottom-2 left-1/2 transform -translate-x-1/2 hidden pt-4 pl-2 sm:block text-center">
                       <a
                         href="https://github.com/logspace-ai/langflow_examples"
                         target="_blank"
+                        className="flex items-center justify-center"
+                        rel="noreferrer"
                       >
                         <svg
                           width="24"
@@ -126,6 +128,7 @@ export default function ImportModal() {
                             fill="#24292f"
                           />
                         </svg>
+                        <span className="ml-2">LangFlow Examples</span>
                       </a>
                     </div>
                   </>