fix the /ps overlap problem

src/app/(main)/ps/page.tsx

@@ -287,10 +287,10 @@ export default function ProductionSchedulePage() {
         </div>
       </div>
 
-      {/* Detail Modal */}
+      {/* Detail Modal – z-index above sidebar drawer (1200) so they don't overlap on small windows */}
       {isDetailOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
           aria-labelledby="detail-title"
@@ -416,7 +416,7 @@ export default function ProductionSchedulePage() {
       {/* Forecast Dialog */}
       {isForecastDialogOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
         >
@@ -503,7 +503,7 @@ export default function ProductionSchedulePage() {
       {/* Export Dialog */}
       {isExportDialogOpen && (
         <div
-          className="fixed inset-0 z-50 flex items-center justify-center p-4"
+          className="fixed inset-0 z-[1300] flex items-center justify-center p-4"
           role="dialog"
           aria-modal="true"
         >