fix(popover, tooltip): change display to contents (#11384)

**Related Issue:** #11378

## Summary

- change default display on `tooltip` and `popover` from `block` to
`contents`.


BEGIN_COMMIT_OVERRIDE
omitted from changelog
END_COMMIT_OVERRIDE

packages/calcite-components/src/components/popover/popover.e2e.ts

@@ -20,12 +20,12 @@ import type { Popover } from "./popover";
 
 describe("calcite-popover", () => {
   describe("renders when closed", () => {
-    renders("calcite-popover", { display: "block" });
+    renders("calcite-popover", { display: "contents" });
   });
 
   describe("renders when open", () => {
     renders(`<calcite-popover label="test" open reference-element="ref"></calcite-popover><div id="ref">😄</div>`, {
-      display: "block",
+      display: "contents",
     });
   });
 

packages/calcite-components/src/components/popover/popover.scss

@@ -11,7 +11,7 @@
  */
 
 :host {
-  @apply block;
+  @apply contents;
   --calcite-floating-ui-z-index: var(--calcite-popover-z-index, theme("zIndex.popover"));
 }
 

packages/calcite-components/src/components/tooltip/tooltip.e2e.ts

@@ -91,9 +91,9 @@ describe("calcite-tooltip", () => {
   }
 
   describe("renders", () => {
-    renders(`calcite-tooltip`, { display: "block" });
+    renders(`calcite-tooltip`, { display: "contents" });
     renders(`<calcite-tooltip open reference-element="ref"></calcite-tooltip><div id="ref">😄</div>`, {
-      display: "block",
+      display: "contents",
     });
   });
 

packages/calcite-components/src/components/tooltip/tooltip.scss

@@ -11,7 +11,7 @@
  */
 
 :host {
-  @apply block;
+  @apply contents;
   --calcite-floating-ui-z-index: var(--calcite-tooltip-z-index, theme("zIndex.tooltip"));
 }