fix: handle css file for public-sign script

apps/OpenSign/src/script/PublicTemplate.js

@@ -37,6 +37,12 @@ link.href = "https://staging-app.opensignlabs.com/css/fonts.css";
 link.rel = "stylesheet";
 document.head.appendChild(link);
 
+//add the Tailwind CSS file
+const tailwindCssLink = document.createElement("link");
+tailwindCssLink.href =
+  "https://staging-app.opensignlabs.com/static/js/public-template.bundle.css"; // Replace with actual file path
+tailwindCssLink.rel = "stylesheet";
+document.head.appendChild(tailwindCssLink);
 // Create a root and render the wrapper component with initial props
 const root = ReactDOM.createRoot(document.getElementById("script-component"));
 root.render(

apps/OpenSign/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
+  content: ["./src/**/*.{js,jsx,ts,tsx}", "./src/script/PublicTemplate.js"],
   theme: {
     extend: {}
   },

apps/OpenSign/webpack.config.js

@@ -58,7 +58,7 @@ module.exports = {
     ...(isProduction
       ? [
           new MiniCssExtractPlugin({
-            filename: "[name].[contenthash].css"
+            filename: "public-template.bundle.css"
           })
         ]
       : [])