feat(funbox): add backwards funbox

closes #4661

backend/src/constants/funbox-list.ts

@@ -320,6 +320,13 @@ const FunboxList: MonkeyTypes.FunboxMetadata[] = [
     properties: ["noLigatures"],
     name: "crt",
   },
+  {
+    name: "backwards",
+    properties: ["noLigatures", "conflictsWithSymmetricChars"],
+    frontendFunctions: ["applyCSS"],
+    canGetPb: true,
+    difficultyLevel: 3,
+  },
 ];
 
 export default FunboxList;

frontend/src/ts/test/funbox/funbox-list.ts

@@ -246,6 +246,12 @@ const list: MonkeyTypes.FunboxMetadata[] = [
     info: "Go back to the 1980s",
     properties: ["noLigatures"],
   },
+  {
+    name: "backwards",
+    info: "...sdrawkcab epyt ot yrt woN",
+    properties: ["noLigatures", "conflictsWithSymmetricChars"],
+    hasCSS: true,
+  },
 ];
 
 export function getAll(): MonkeyTypes.FunboxMetadata[] {

frontend/static/funbox/_list.json

@@ -175,5 +175,10 @@
     "name": "crt",
     "info": "Go back to the 1980s",
     "canGetPb": true
+  },
+  {
+    "name": "backwards",
+    "info": "...sdrawkcab epyt ot yrt woN",
+    "canGetPb": true
   }
 ]

frontend/static/funbox/backwards.css

@@ -0,0 +1,7 @@
+#words {
+  direction: rtl;
+}
+
+#words.rightToLeftTest {
+  direction: rtl;
+}