Add rarity-level view

src/views/shared/Shared.scss

@@ -1,7 +1,8 @@
 @import './avatar-image/AvatarImage';
 @import './badge-image/BadgeImage';
-@import './currency-icon/CurrencyIcon.scss';
+@import './currency-icon/CurrencyIcon';
 @import './furni-image/FurniImageView';
 @import './limited-edition/LimitedEdition';
 @import './pet-image/PetImage';
+@import './rarity-level/RarityLevelView';
 @import './room-previewer/RoomPreviewerView';

src/views/shared/rarity-level/RarityLevelView.scss

@@ -0,0 +1,12 @@
+.nitro-rarity-level {
+    width: 36px;
+    height: 28px;
+    background: url("../../../assets/images/infostand/rarity-level.png");
+
+    div {
+        line-height: 28px;
+        text-align: center;
+        color: $black;
+        font-weight: bold;
+    }
+}

src/views/shared/rarity-level/RarityLevelView.tsx

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { RarityLevelViewProps } from './RarityLevelView.types';
+
+export const RarityLevelView: FC<RarityLevelViewProps> = props =>
+{
+    const { level = 0 } = props;
+
+    return (
+        <div className="nitro-rarity-level">
+            <div>{ level }</div>
+        </div>
+    );
+}

src/views/shared/rarity-level/RarityLevelView.types.ts

@@ -0,0 +1,4 @@
+export interface RarityLevelViewProps
+{
+    level: number;
+}