#5305 Fix ReferenceError: toTitleCase undefined in planet UI (#5305)

* Fix ReferenceError: toTitleCase undefined in planet UI

* Fix toTitleCase availability for browser and tests

* Use shared toTitleCase from js/utils/utils.js in planet UI

* Making it work in both environment

* } wasnt ther

* Changes done

Author: Mokshii46

js/utils/utils.js

@@ -562,13 +562,20 @@ let fileBasename = file => {
  * @param {string} str - The input string.
  * @returns {string} The string with the first character in uppercase.
  */
-let toTitleCase = str => {
+function toTitleCase (str) {
     if (typeof str !== "string") return;
     let tempStr = "";
     if (str.length > 1) tempStr = str.substring(1);
     return str.toUpperCase()[0] + tempStr;
 };
 
+if (typeof module !== "undefined" && module.exports) {
+    module.exports.toTitleCase = toTitleCase;
+}
+if (typeof window !== "undefined") {
+    window.toTitleCase = toTitleCase;
+}
+
 /**
  * Processes plugin data and updates the activity based on the provided JSON-encoded dictionary.
  * @param {object} activity - The activity object to update.

planet/index.html

@@ -35,6 +35,7 @@
         <script type="text/javascript" src="js/Publisher.js"></script>
         <script type="text/javascript" src="js/LocalPlanet.js"></script>
 
+        <script type="text/javascript" src="js/utils.js"></script>
         <script type="text/javascript" src="js/GlobalTag.js"></script>
         <script type="text/javascript" src="js/GlobalCard.js"></script>
         <script type="text/javascript" src="js/ProjectViewer.js"></script>