set default view is cards

src/pages/project/ProjectList.jsx

@@ -14,7 +14,7 @@ import ProjectListView from "./ProjectListView";
 
 const ProjectList = () => {
   const { profile: loginUser } = useProfile();
-  const [listView, setListView] = useState(true);
+  const [listView, setListView] = useState(false);
   const [showModal, setShowModal] = useState(false);
   const { projects, loading, error, refetch } = useProjects();
   const [projectList, setProjectList] = useState([]);
@@ -159,21 +159,6 @@ const ProjectList = () => {
             </div>
 
             <div className="d-flex gap-2 mb-2">
-              <button
-                type="button"
-                className={`btn btn-sm ${
-                  listView ? "btn-primary" : "btn-outline-primary"
-                }`}
-                onClick={() => setListView(true)}
-                data-bs-toggle="tooltip"
-                data-bs-offset="0,8"
-                data-bs-placement="top"
-                data-bs-custom-class="tooltip"
-                title="List View"
-              >
-                <i className="bx bx-list-ul"></i>
-              </button>
-
               <button
                 type="button"
                 className={`btn btn-sm ${
@@ -188,6 +173,20 @@ const ProjectList = () => {
               >
                 <i className="bx bx-grid-alt"></i>
               </button>
+              <button
+                type="button"
+                className={`btn btn-sm ${
+                  listView ? "btn-primary" : "btn-outline-primary"
+                }`}
+                onClick={() => setListView(true)}
+                data-bs-toggle="tooltip"
+                data-bs-offset="0,8"
+                data-bs-placement="top"
+                data-bs-custom-class="tooltip"
+                title="List View"
+              >
+                <i className="bx bx-list-ul"></i>
+              </button>
             </div>
           </div>