cleaup app layout, add missing translations to it

packages/ui/src/locales/en-US/index.json

@@ -2240,6 +2240,9 @@
   "label.details": {
     "defaultMessage": "Details"
   },
+  "label.discover-content": {
+    "defaultMessage": "Discover content"
+  },
   "label.done": {
     "defaultMessage": "Done"
   },
@@ -2387,6 +2390,9 @@
   "label.singleplayer": {
     "defaultMessage": "Singleplayer"
   },
+  "label.skin-selector": {
+    "defaultMessage": "Skin selector"
+  },
   "label.sort-by": {
     "defaultMessage": "Sort by: "
   },

packages/ui/src/utils/common-messages.ts

@@ -111,6 +111,10 @@ export const commonMessages = defineMessages({
 		id: 'label.details',
 		defaultMessage: 'Details',
 	},
+	discoverContentLabel: {
+		id: 'label.discover-content',
+		defaultMessage: 'Discover content',
+	},
 	downloadButton: {
 		id: 'button.download',
 		defaultMessage: 'Download',
@@ -323,6 +327,10 @@ export const commonMessages = defineMessages({
 		id: 'label.singleplayer',
 		defaultMessage: 'Singleplayer',
 	},
+	skinSelectorLabel: {
+		id: 'label.skin-selector',
+		defaultMessage: 'Skin selector',
+	},
 	sortByLabel: {
 		id: 'label.sort-by',
 		defaultMessage: 'Sort by: ',