refactor: use const to avoid typos

Author: liamdebeasi

core/src/components/content/content.tsx

@@ -82,7 +82,7 @@ export class Content implements ComponentInterface {
    * For example, if a FAB in the fixed slot should receive keyboard focus before
    * the main page content, set this property to `'beforeContent'`.
    */
-  @Prop() fixedSlotPlacement: 'afterContent' | 'beforeContent' = 'afterContent';
+  @Prop() fixedSlotPlacement: 'afterContent' | 'beforeContent' = AFTER_CONTENT_SLOT_POSITION;
 
   /**
    * If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.
@@ -456,7 +456,7 @@ export class Content implements ComponentInterface {
       >
         <div ref={(el) => (this.backgroundContentEl = el)} id="background-content" part="background"></div>
 
-        {fixedSlotPlacement === 'beforeContent' ? <slot name="fixed"></slot> : null}
+        {fixedSlotPlacement === BEFORE_CONTENT_SLOT_POSITION ? <slot name="fixed"></slot> : null}
 
         <div
           class={{
@@ -479,7 +479,7 @@ export class Content implements ComponentInterface {
           </div>
         ) : null}
 
-        {fixedSlotPlacement !== 'beforeContent' ? <slot name="fixed"></slot> : null}
+        {fixedSlotPlacement === AFTER_CONTENT_SLOT_POSITION ? <slot name="fixed"></slot> : null}
       </Host>
     );
   }
@@ -545,3 +545,6 @@ const updateScrollDetail = (detail: ScrollDetail, el: Element, timestamp: number
     detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;
   }
 };
+
+const BEFORE_CONTENT_SLOT_POSITION = 'beforeContent';
+const AFTER_CONTENT_SLOT_POSITION = 'afterContent';