chore: UI/UX improvements (#3319)

* chore: add proper message for cycle/ module having start & end date but isn't active yet.

* fix: infinite loader after updating workspace settings.

* fix: user profile icon dropdown doesn't closes automatically.

* style: fix inconsistent padding in cycle empty state.

* chore: remove multiple `empty state` in labels settings and improve add label logic.

* style: fix inconsistent padding in project label, integration and estimates empty state.

* style: fix integrations settings breadcrumb title.

* style: add proper `disabled` styles for email field in profile settings.

* style: fix cycle layout height.

web/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx

@@ -59,7 +59,7 @@ const ProjectCyclesPage: NextPageWithLayout = observer(() => {
   if (!workspaceSlug || !projectId) return null;
 
   return (
-    <>
+    <div className="w-full h-full">
       <CycleCreateUpdateModal
         workspaceSlug={workspaceSlug.toString()}
         projectId={projectId.toString()}
@@ -67,7 +67,7 @@ const ProjectCyclesPage: NextPageWithLayout = observer(() => {
         handleClose={() => setCreateModal(false)}
       />
       {totalCycles === 0 ? (
-        <div className="grid h-full place-items-center">
+        <div className="h-full place-items-center">
           <NewEmptyState
             title="Group and timebox your work in Cycles."
             description="Break work down by timeboxed chunks, work backwards from your project deadline to set dates, and make tangible progress as a team."
@@ -194,7 +194,7 @@ const ProjectCyclesPage: NextPageWithLayout = observer(() => {
           </Tab.Panels>
         </Tab.Group>
       )}
-    </>
+    </div>
   );
 });
 

web/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx

@@ -54,16 +54,18 @@ const ProjectIntegrationsPage: NextPageWithLayout = () => {
             ))}
           </div>
         ) : (
-          <EmptyState
-            title="You haven't configured integrations"
-            description="Configure GitHub and other integrations to sync your project issues."
-            image={emptyIntegration}
-            primaryButton={{
-              text: "Configure now",
-              onClick: () => router.push(`/${workspaceSlug}/settings/integrations`),
-            }}
-            disabled={!isAdmin}
-          />
+          <div className="w-full py-8">
+            <EmptyState
+              title="You haven't configured integrations"
+              description="Configure GitHub and other integrations to sync your project issues."
+              image={emptyIntegration}
+              primaryButton={{
+                text: "Configure now",
+                onClick: () => router.push(`/${workspaceSlug}/settings/integrations`),
+              }}
+              disabled={!isAdmin}
+            />
+          </div>
         )
       ) : (
         <Loader className="space-y-5">