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

@@ -4,12 +4,6 @@ import { slotChangeGetAssignedElements } from "../../utils/dom";
 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`.
@@ -52,6 +46,20 @@ export class ShellCenterRow {
 
   @State() actionBar: HTMLCalciteActionBarElement;
 
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+
+  componentWillLoad(): void {
+    logger.deprecated("component", {
+      name: "shell-center-row",
+      removalVersion: 4,
+      suggested: "shell-panel",
+    });
+  }
+
   // --------------------------------------------------------------------------
   //
   //  Render Methods