Initial commit from remix

src/components/layouts/DashboardStyles.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+// Safe DashboardStyles: avoid loading external scripts/styles that can cause cross-origin "Script error" crashes.
+// Styling is handled via Tailwind and src/index.css design tokens.
+const DashboardStyles: React.FC = () => null;
+
+export default DashboardStyles;

src/components/layouts/FrontendLayout.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import FrontendStyles from './FrontendStyles';
+
+interface FrontendLayoutProps {
+  children: React.ReactNode;
+}
+
+const FrontendLayout: React.FC<FrontendLayoutProps> = ({ children }) => {
+  return (
+    <>
+      <FrontendStyles />
+      {children}
+    </>
+  );
+};
+
+export default FrontendLayout;

src/components/layouts/FrontendStyles.tsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+// FrontendStyles (Safe): Remove all external script/style injections to avoid jQuery-related runtime errors and CORS issues.
+// Tailwind + index.css handle styling. If you need a specific library, add it via npm and import it properly.
+const FrontendStyles: React.FC = () => null;
+
+export default FrontendStyles;