fix: order by last updated, cycles empty state alignment (#1151)

* fix: order by last updated

* fix: cycles empty space alignment, chore: new meta tags

* chore: update meta tags

apps/app/pages/_error.tsx

@@ -0,0 +1,81 @@
+import * as Sentry from "@sentry/nextjs";
+
+import { useRouter } from "next/router";
+
+// services
+import authenticationService from "services/authentication.service";
+// hooks
+import useToast from "hooks/use-toast";
+// layouts
+import DefaultLayout from "layouts/default-layout";
+// ui
+import { PrimaryButton, SecondaryButton } from "components/ui";
+
+const CustomErrorComponent = () => {
+  const router = useRouter();
+
+  const { setToastAlert } = useToast();
+
+  const handleSignOut = async () => {
+    await authenticationService
+      .signOut()
+      .catch(() =>
+        setToastAlert({
+          type: "error",
+          title: "Error!",
+          message: "Failed to sign out. Please try again.",
+        })
+      )
+      .finally(() => router.push("/signin"));
+  };
+
+  return (
+    <DefaultLayout>
+      <div className="grid h-full place-items-center p-4">
+        <div className="space-y-8 text-center">
+          <div className="space-y-2">
+            <h3 className="text-lg font-semibold">Exception Detected!</h3>
+            <p className="text-sm text-brand-secondary w-1/2 mx-auto">
+              We{"'"}re Sorry! An exception has been detected, and our engineering team has been
+              notified. We apologize for any inconvenience this may have caused. Please reach out to
+              our engineering team at{" "}
+              <a href="mailto:support@plane.so" className="text-brand-accent">
+                support@plane.so
+              </a>{" "}
+              or on our{" "}
+              <a
+                href="https://discord.com/invite/A92xrEGCge"
+                target="_blank"
+                className="text-brand-accent"
+                rel="noopener noreferrer"
+              >
+                Discord
+              </a>{" "}
+              server for further assistance.
+            </p>
+          </div>
+          <div className="flex items-center gap-2 justify-center">
+            <PrimaryButton size="md" onClick={() => router.back()}>
+              Go back
+            </PrimaryButton>
+            <SecondaryButton size="md" onClick={handleSignOut}>
+              Sign out
+            </SecondaryButton>
+          </div>
+        </div>
+      </div>
+    </DefaultLayout>
+  );
+};
+
+CustomErrorComponent.getInitialProps = async (contextData: any) => {
+  await Sentry.captureUnderscoreErrorException(contextData);
+
+  const { res, err } = contextData;
+
+  const statusCode = res ? res.statusCode : err ? err.statusCode : 404;
+
+  return { statusCode };
+};
+
+export default CustomErrorComponent;