order doesn't matter, visual appeal [skip ci]

This is a visual commit.
Really it's about precedence, how specific the selectors are. Since they're the same it should work no matter what.

The reason ?. isn't detected is because of the parser itself.

See https://github.com/jcs-PR/tree-sitter-javascript/pull/1/files and tree-sitter/tree-sitter-javascript#150

Author: icecream17

grammars/tree-sitter-javascript.cson

@@ -186,50 +186,51 @@ scopes:
   'ternary_expression > "?"': 'keyword.operator.ternary.js'
   'ternary_expression > ":"': 'keyword.operator.ternary.js'
   '":"': 'keyword.operator.assignment.js'
-  '"..."': 'keyword.operator.spread.js'
+  
+  '"="': 'keyword.operator.js'
+  '"=="': 'keyword.operator.js'
+  '"==="': 'keyword.operator.js'
   '"!"': 'keyword.operator.js'
-  '"~"': 'keyword.operator.js'
-  '"|"': 'keyword.operator.js'
-  '"^"': 'keyword.operator.js'
-  '"&"': 'keyword.operator.js'
-  '"??"': 'keyword.operator.js'
-  '"||"': 'keyword.operator.js'
-  '"&&"': 'keyword.operator.js'
-  '"-"': 'keyword.operator.js'
+  '"!="': 'keyword.operator.js'
+  '"!=="': 'keyword.operator.js'
   '"+"': 'keyword.operator.js'
-  '"--"': 'keyword.operator.js'
   '"++"': 'keyword.operator.js'
-  '"%"': 'keyword.operator.js'
-  '"/"': 'keyword.operator.js'
+  '"+="': 'keyword.operator.js'
+  '"-"': 'keyword.operator.js'
+  '"--"': 'keyword.operator.js'
+  '"-="': 'keyword.operator.js'
   '"*"': 'keyword.operator.js'
+  '"*="': 'keyword.operator.js'
   '"**"': 'keyword.operator.js'
+  '"**="': 'keyword.operator.js'
+  '"/"': 'keyword.operator.js'
+  '"/="': 'keyword.operator.js'
+  '"%"': 'keyword.operator.js'
+  '"%="': 'keyword.operator.js'
   '"<"': 'keyword.operator.js'
-  '">"': 'keyword.operator.js'
+  '"<="': 'keyword.operator.js'
   '"<<"': 'keyword.operator.js'
+  '"<<="': 'keyword.operator.js'
+  '">"': 'keyword.operator.js'
+  '">="': 'keyword.operator.js'
   '">>"': 'keyword.operator.js'
+  '">>="': 'keyword.operator.js'
   '">>>"': 'keyword.operator.js'
-  '"="': 'keyword.operator.js'
-  '"!="': 'keyword.operator.js'
-  '"!=="': 'keyword.operator.js'
-  '"=="': 'keyword.operator.js'
-  '"==="': 'keyword.operator.js'
-  '"|="': 'keyword.operator.js'
+  '">>>="': 'keyword.operator.js'
+  '"~"': 'keyword.operator.js'
+  '"^"': 'keyword.operator.js'
+  '"&"': 'keyword.operator.js'
+  '"|"': 'keyword.operator.js'
   '"^="': 'keyword.operator.js'
   '"&="': 'keyword.operator.js'
-  '"??="': 'keyword.operator.js'
-  '"||="': 'keyword.operator.js'
+  '"|="': 'keyword.operator.js'
+  '"&&"': 'keyword.operator.js'
+  '"||"': 'keyword.operator.js'
+  '"??"': 'keyword.operator.js'
   '"&&="': 'keyword.operator.js'
-  '"-="': 'keyword.operator.js'
-  '"+="': 'keyword.operator.js'
-  '"%="': 'keyword.operator.js'
-  '"/="': 'keyword.operator.js'
-  '"*="': 'keyword.operator.js'
-  '"**="': 'keyword.operator.js'
-  '"<="': 'keyword.operator.js'
-  '">="': 'keyword.operator.js'
-  '"<<="': 'keyword.operator.js'
-  '">>="': 'keyword.operator.js'
-  '">>>="': 'keyword.operator.js'
+  '"||="': 'keyword.operator.js'
+  '"??="': 'keyword.operator.js'
+  '"..."': 'keyword.operator.spread.js'
 
   '"in"': 'keyword.operator.in'
   '"instanceof"': 'keyword.operator.instanceof'