Fix App.jsx two-page workflow JSX render and update study app layout

tailwind.config.js

@@ -0,0 +1,15 @@
+export default {
+  content: ['./index.html', './src/**/*.{js,jsx}'],
+  theme: {
+    extend: {
+      fontFamily: {
+        serif: ['Georgia', 'Cambria', 'Times New Roman', 'serif'],
+        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+      },
+      boxShadow: {
+        panel: '0 10px 30px rgba(15, 23, 42, 0.08)',
+      },
+    },
+  },
+  plugins: [],
+};