Show the number of errors and warnings in the Problems tab's title (#1004)

* Use Int.toString instead of Belt.Int.toString for ReScript v11+

* Use more padding and set max default content width in React and Console panels from Output tab

* Show error and problem counts in 'Problems' tab title

* Only show syntax selection if there are at least 2 syntaxes to choose from

* Update TailwindCSS to v3.4.17 to get extended min-width, max-width, and min-height scales

* Set min-width on problem counts

* Only reset warning flags, not other config, when clicking warning flag reset button

* Add missing warning flag description

* Remove warning flags that no longer exist

* Improve styles for warnings flags input

* Remove warnings 61 and 109 from default warn flags

* Refactor ToggleSelection component

* Remove outdated TODOs

* Remove unused OCaml variant in RescriptCompilerApi.Lang.t

* Remove unused RescriptCompilerApi.Compiler.ocamlCompile

* Remove warning flag descriptions for flags that no longer exist

* Move problem counts to after 'Problems' tab title

* Restore warnings flags reset value to support older compilers

Author: mediremi

src/ConsolePanel.res

@@ -25,9 +25,11 @@ let make = (~logs, ~appendLog) => {
     <h2 className="font-bold text-gray-5/50 absolute right-2 top-2"> {React.string("Console")} </h2>
     {switch logs {
     | [] =>
-      React.string(
-        "Add some 'Console.log' to your code and click 'Run' or enable 'Auto-run' to see your logs here.",
-      )
+      <p className="p-4 max-w-prose">
+        {React.string(
+          "Add some 'Console.log' to your code and click 'Run' or enable 'Auto-run' to see your logs here.",
+        )}
+      </p>
     | logs =>
       let content =
         logs