chore(content): add January 2023 Backgrounds and Enchanted Armoire Item (#14440)

* chore: images & spritesheet

* chore: add january backgrounds and armoire item

* fix(backgrounds): typos and 2023 updates

Co-authored-by: SabreCat <sabe@habitica.com>

website/client/src/assets/css/sprites/spritesmith-main.css

@@ -1624,6 +1624,11 @@
   width: 141px;
   height: 147px;
 }
+.background_rime_ice {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_rime_ice.png');
+  width: 141px;
+  height: 147px;
+}
 .background_river_of_lava {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_river_of_lava.png');
   width: 141px;
@@ -1729,6 +1734,11 @@
   width: 141px;
   height: 147px;
 }
+.background_snowy_temple {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_snowy_temple.png');
+  width: 141px;
+  height: 147px;
+}
 .background_snowy_village {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_snowy_village.png');
   width: 141px;
@@ -2059,6 +2069,11 @@
   width: 141px;
   height: 147px;
 }
+.background_winter_lake_with_swans {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_winter_lake_with_swans.png');
+  width: 141px;
+  height: 147px;
+}
 .background_winter_night {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/background_winter_night.png');
   width: 141px;
@@ -2820,6 +2835,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_habitversary_bash {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_habitversary_bash.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_halflings_house {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_halflings_house.png');
   width: 68px;
@@ -3245,6 +3265,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_rime_ice {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_rime_ice.png');
+  width: 60px;
+  height: 60px;
+}
 .icon_background_river_of_lava {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_river_of_lava.png');
   width: 68px;
@@ -3350,6 +3375,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_snowy_temple {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_snowy_temple.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_snowy_village {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_snowy_village.png');
   width: 68px;
@@ -3685,6 +3715,11 @@
   width: 68px;
   height: 68px;
 }
+.icon_background_winter_lake_with_swans {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_winter_lake_with_swans.png');
+  width: 68px;
+  height: 68px;
+}
 .icon_background_winter_night {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/icon_background_winter_night.png');
   width: 68px;
@@ -18555,6 +18590,11 @@
   width: 114px;
   height: 90px;
 }
+.broad_armor_armoire_shawlCollarCoat {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_shawlCollarCoat.png');
+  width: 114px;
+  height: 90px;
+}
 .broad_armor_armoire_sheetGhostCostume {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/broad_armor_armoire_sheetGhostCostume.png');
   width: 114px;
@@ -19790,6 +19830,11 @@
   width: 68px;
   height: 68px;
 }
+.shop_armor_armoire_shawlCollarCoat {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_shawlCollarCoat.png');
+  width: 68px;
+  height: 68px;
+}
 .shop_armor_armoire_sheetGhostCostume {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/shop_armor_armoire_sheetGhostCostume.png');
   width: 68px;
@@ -21500,6 +21545,11 @@
   width: 114px;
   height: 90px;
 }
+.slim_armor_armoire_shawlCollarCoat {
+  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_shawlCollarCoat.png');
+  width: 114px;
+  height: 90px;
+}
 .slim_armor_armoire_sheetGhostCostume {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/slim_armor_armoire_sheetGhostCostume.png');
   width: 114px;

website/client/src/components/creatorIntro.vue

@@ -121,7 +121,7 @@
             v-if="editing"
             class="menu-container col-2"
             :class="{active: activeTopPage === 'backgrounds'}"
-            @click="changeTopPage('backgrounds', '2022')"
+            @click="changeTopPage('backgrounds', '2023')"
           >
             <div class="menu-item">
               <div
@@ -1185,7 +1185,7 @@ export default {
         },
       ],
 
-      bgSubMenuItems: ['2022', '2021', '2020', '2019', '2018', '2017', '2016', '2015', '2014'].map(y => ({
+      bgSubMenuItems: ['2023', '2022', '2021', '2020', '2019', '2018', '2017', '2016', '2015', '2014'].map(y => ({
         id: y,
         label: y,
       })),
@@ -1214,6 +1214,7 @@ export default {
         2020: [],
         2021: [],
         2022: [],
+        2023: [],
       };
 
       // Hack to force update for now until we restructure the data

website/client/src/components/header/userDropdown.vue

@@ -40,7 +40,7 @@
       >{{ $t('editAvatar') }}</a>
       <a
         class="topbar-dropdown-item dropdown-item dropdown-separated"
-        @click="showAvatar('backgrounds', '2022')"
+        @click="showAvatar('backgrounds', '2023')"
       >{{ $t('backgrounds') }}</a>
       <a
         class="topbar-dropdown-item dropdown-item"