Merged in feat-StaticChip-component (pull request #3401)

feat: create new StaticChip component

* feat: create new StaticChip componeny

* refactor: remove deprecated Chip

* fix: update type

* refactor: remove div


Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/DynamicContent/Rewards/NextLevel/index.tsx

@@ -1,7 +1,7 @@
 import { Lock } from "react-feather"
 
 import { MembershipLevelEnum } from "@scandic-hotels/common/constants/membershipLevels"
-import Chip from "@scandic-hotels/design-system/Chip"
+import { ChipStatic } from "@scandic-hotels/design-system/ChipStatic"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { getMembershipLevel } from "@/lib/trpc/memoizedRequests"
@@ -46,13 +46,13 @@ export default async function NextLevelRewardsBlock({
       <Grids.Stackable columns={2}>
         {nextLevelRewards.rewards.map((reward) => (
           <article key={reward.reward_id} className={styles.card}>
-            <Chip>
+            <ChipStatic lowerCase>
               <Lock height={16} />
               {intl.formatMessage({
                 id: "rewards.nextLevel.levelUpToUnlock",
                 defaultMessage: "Level up to unlock",
               })}
-            </Chip>
+            </ChipStatic>
             <div className={styles.textContainer}>
               <Typography
                 variant="Body/Paragraph/mdRegular"