fix(shell-center-row): ensure deprecation warning doesn’t show when u…

…sing standalone `shell` or `shell-panel` (#10561)

**Related Issue:** #10563

## Summary

Moves deprecation warnings to show when `shell-center-row` is added to
the DOM and initially loaded.

This warning was being shown due to
[bundling](https://github.com/Esri/calcite-design-system/blob/dev/packages/calcite-components/stencil.config.ts#L76).

packages/calcite-components/src/components/shell-center-row/shell-center-row.tsx

@@ -9,12 +9,6 @@ import { Position, Scale } from "../interfaces";
 import { logger } from "../../utils/logger";
 import { CSS, SLOTS } from "./resources";
 
-logger.deprecated("component", {
-  name: "shell-center-row",
-  removalVersion: 4,
-  suggested: "shell-panel",
-});
-
 /**
  * @deprecated Use the `calcite-shell-panel` component instead.
  * @slot - A slot for adding content to the `calcite-shell-panel`.
@@ -69,6 +63,20 @@ export class ShellCenterRow implements ConditionalSlotComponent {
     disconnectConditionalSlotComponent(this);
   }
 
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+
+  componentWillLoad(): void {
+    logger.deprecated("component", {
+      name: "shell-center-row",
+      removalVersion: 4,
+      suggested: "shell-panel",
+    });
+  }
+
   // --------------------------------------------------------------------------
   //
   //  Render Methods