message: fix the overlap bug on safari
diff: color: var(--card-space-text-color);
  padding: min(var(--boxel-sp-xl), 5vw);
  border-radius: 2rem;
  - min-height: max(90vh, 40rem);
  + height: max(90vh, 44rem);
  + width: max(90vh, 44rem);
  max-width: 90%;
  aspect-ratio: 1;
  display: grid;
  - grid-template-columns: [user-content-start header-start] 100% [header-end user-content-end];
  - grid-template-rows: [header-start user-content-start] 2.5rem [header-end] 1fr [user-content-end];
  + grid-template-columns: 100%;
  + grid-template-rows: 2.5rem 1fr 2.5rem;
  + grid-template-areas: "header" "user-content" "unused";
  }
  .card-space-user-page__user-content {
  align-self:center;
  grid-area: user-content;
  max-width: 100%;
  - padding: 2.5rem 0;
  }
  .card-space-user-page__header {
  .card-space-user-page__wrapper {
  min-height: 100vh;
  min-width: 100%;
  + height: auto;
  border-radius: 0;
  aspect-ratio: unset;
  }
  