Add support for R characters

components/SearchFilter/index.scss

@@ -12,6 +12,7 @@ button.DropdownLabel {
   padding: $unit ($unit * 1.5) $unit $unit-2x;
 
   div {
+    align-items: center;
     display: flex;
     gap: $unit-half;
   }

public/locales/en/common.json

@@ -69,6 +69,7 @@
     "byline": "{{partyName}} by {{username}}"
   },
   "rarities": {
+    "r": "R",
     "sr": "SR",
     "ssr": "SSR"
   },

public/locales/ja/common.json

@@ -81,6 +81,7 @@
     "byline": "{{username}}さんからの{{partyName}}"
   },
   "rarities": {
+    "r": "R",
     "sr": "SR",
     "ssr": "SSR"
   },

utils/emptyStates.tsx

@@ -1,4 +1,8 @@
 export const emptyRarityState: RarityState = {
+  r: {
+    id: 1,
+    checked: false,
+  },
   sr: {
     id: 2,
     checked: false,

utils/stateValues.tsx

@@ -1,4 +1,4 @@
-export const rarities = ['sr', 'ssr']
+export const rarities = ['r', 'sr', 'ssr']
 
 export const elements = [
   'null',