Refactor SelectFloorPlan and LayoutModel components to use Zustand for layout management and improve code clarity

app/src/components/temporary/SelectFloorPlan.tsx

@@ -1,23 +1,24 @@
-import React, { useState } from "react";
+import React from "react";
+import useLayoutStore from "../../store/builder/uselayoutStore";
 
 const SelectFloorPlan: React.FC = () => {
-  const [preset, setPreset] = useState("");
+  const { currentLayout, setLayout } = useLayoutStore();
   return (
     <div className="select-floorplane-wrapper">
       Don't have an idea? Use these presets!
       <div className="presets-container">
         <button
-          className={`preset ${preset === "1" ? "active" : ""}`}
+          className={`preset ${currentLayout === "layout1" ? "active" : ""}`}
           onClick={() => {
-            setPreset("1");
+            setLayout("layout1");
           }}
         >
           Preset 1
         </button>
         <button
-          className={`preset ${preset === "2" ? "active" : ""}`}
+          className={`preset ${currentLayout === "layout2" ? "active" : ""}`}
           onClick={() => {
-            setPreset("2");
+            setLayout("layout2");
           }}
         >
           Preset 2