Update frontend code

reduce_search_height.cjs

@@ -0,0 +1,21 @@
+const fs = require('fs');
+const path = require('path');
+const dir = './src/pages';
+const files = fs.readdirSync(dir).filter(f => f.endsWith('.tsx'));
+
+for (const file of files) {
+  const filePath = path.join(dir, file);
+  let content = fs.readFileSync(filePath, 'utf8');
+  
+  // Reduce height from 64px to 54px, and adjust font size back to 16px
+  content = content.replace(/style=\{\{ height: '64px', paddingLeft: '60px', paddingRight: '16px', fontSize: '18px' \}\}/g, "style={{ height: '54px', paddingLeft: '56px', paddingRight: '16px', fontSize: '16px' }}");
+  
+  // Also reduce the Search icon size from 28 to 24
+  content = content.replace(/<Search size=\{28\}/g, '<Search size={24}');
+  
+  // Adjust icon padding so it's centered perfectly
+  content = content.replace(/style=\{\{ paddingLeft: '24px' \}\}/g, "style={{ paddingLeft: '20px' }}");
+  
+  fs.writeFileSync(filePath, content, 'utf8');
+}
+console.log('Reduced search bar height to 54px.');