Refactor: responsive upload page, fix warnings, CI/CD setup

- Fix MUI v4/React 18 StrictMode warnings (justify→justifyContent, Button migration)
- Responsive UploadDiary: footer visible without scroll, mobile layout centered, overview text hidden on mobile
- Fix Redux selector memoization with createSelector
- RSS sync: auto-refresh PosterSelector after sync, Snackbar feedback with film count
- Add .gitea/workflows/deploy.yml for tag-based CI/CD
- Fix nginx config (default.conf), increase Node heap for Docker build
- Update README

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/styles/scss/_uploadDiary.scss

@@ -1,12 +1,36 @@
-.upload-diary {
-  padding: 3rem;
+.upload-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
   background-color: #14181c;
-  min-height: calc(100vh - 60px);
+}
+
+.upload-diary {
+  flex: 1;
+  padding: 3rem;
+  padding-top: 5rem;
   display: flex !important;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 
+  @media (max-width: 600px) {
+    padding: 1.25rem;
+    padding-top: 4.5rem;
+    justify-content: flex-start;
+  }
+
+  .upload-card-wrapper {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    @media (max-width: 600px) {
+      min-height: calc(100svh - 80px);
+    }
+  }
+
   .upload-card {
     width: 100%;
     max-width: 600px;
@@ -17,6 +41,11 @@
     padding-top: 4rem;
     position: relative;
 
+    @media (max-width: 600px) {
+      padding: 1.25rem;
+      padding-top: 3rem;
+    }
+
     .logo-container {
       position: absolute;
       top: -80px;
@@ -24,11 +53,20 @@
       transform: translate(-50%);
       z-index: 10;
 
+      @media (max-width: 600px) {
+        top: -55px;
+      }
+
       .logo {
         width: 150px;
         height: 150px;
         border-radius: 50%;
         object-fit: cover;
+
+        @media (max-width: 600px) {
+          width: 100px;
+          height: 100px;
+        }
       }
     }
 
@@ -36,35 +74,11 @@
       margin-bottom: 1.5rem;
       font-weight: bold;
       color: #ffffff;
-    }
 
-    .username-field {
-      margin-bottom: 1.5rem;
-
-      .MuiOutlinedInput-root {
-        color: #ffffff;
-
-        fieldset {
-          border-color: #00a346 !important;
-        }
-
-        &:hover fieldset {
-          border-color: #00a346 !important;
-        }
-
-        &.Mui-focused fieldset {
-          border-color: #1caff2 !important;
-        }
+      @media (max-width: 600px) {
+        font-size: 1.4rem !important;
+        margin-bottom: 1rem;
       }
-
-      .MuiInputLabel-root {
-        color: #ffffff !important;
-      }
-    }
-
-    .or-text {
-      color: #ffffff;
-      margin-bottom: 1rem;
     }
 
     .dropzone {
@@ -74,6 +88,10 @@
       text-align: center;
       cursor: pointer;
 
+      @media (max-width: 600px) {
+        padding: 1.25rem;
+      }
+
       &:hover {
         background-color: #1f252a;
       }
@@ -82,11 +100,20 @@
         margin-bottom: 1rem;
         color: #00a346;
         font-size: 4rem;
+
+        @media (max-width: 600px) {
+          font-size: 2.5rem;
+          margin-bottom: 0.5rem;
+        }
       }
 
       .dropzone-text {
         margin-bottom: 1rem;
         color: #ffffff;
+
+        @media (max-width: 600px) {
+          font-size: 0.9rem !important;
+        }
       }
     }
 
@@ -94,6 +121,101 @@
       margin-top: 1rem;
     }
 
+    .upload-divider {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      margin: 1.75rem 0 1.25rem;
+
+      @media (max-width: 600px) {
+        margin: 1.25rem 0 1rem;
+      }
+    }
+
+    .upload-divider-line {
+      flex: 1;
+      height: 1px;
+      background-color: #2c3038;
+    }
+
+    .upload-divider-text {
+      color: #526e89;
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+    }
+
+    .rss-label {
+      color: #ffffff !important;
+      font-size: 0.9rem !important;
+      font-weight: 600 !important;
+      margin-bottom: 0.75rem !important;
+    }
+
+    .rss-row {
+      display: flex;
+      gap: 8px;
+      align-items: center;
+    }
+
+    .rss-input {
+      flex: 1;
+      min-width: 0;
+
+      .MuiOutlinedInput-root {
+        background-color: #14181c;
+        border-radius: 4px;
+        color: #ffffff;
+        font-size: 0.875rem;
+
+        fieldset { border-color: #2c3038; }
+        &:hover fieldset { border-color: #526e89; }
+        &.Mui-focused fieldset { border-color: #00a346; }
+
+        input { padding: 8px 10px 8px 4px; color: #ffffff; }
+        input::placeholder { color: #526e89; }
+      }
+    }
+
+    .rss-url-prefix {
+      color: #526e89;
+      font-size: 0.8rem;
+      white-space: nowrap;
+      user-select: none;
+
+      @media (max-width: 400px) {
+        display: none;
+      }
+    }
+
+    .rss-sync-button {
+      background-color: #00a346 !important;
+      color: #ffffff !important;
+      font-weight: 700 !important;
+      text-transform: none !important;
+      padding: 7px 16px !important;
+      border-radius: 4px !important;
+      white-space: nowrap;
+      font-size: 0.875rem !important;
+
+      &:hover { background-color: #008a39 !important; }
+      &:disabled { opacity: 0.6 !important; }
+    }
+
+    .rss-note {
+      color: #526e89 !important;
+      font-size: 0.72rem !important;
+      margin-top: 0.5rem !important;
+      line-height: 1.4 !important;
+    }
+
+    .rss-error {
+      color: #e57373 !important;
+      font-size: 0.78rem !important;
+      margin-top: 0.4rem !important;
+    }
+
     .submit-button {
       color: #fff;
       font-size: 0.8rem;
@@ -125,6 +247,15 @@
     color: #456;
     margin-top: 2rem;
     padding: 1.5rem;
+    max-width: 600px;
+    width: 100%;
+
+    @media (max-width: 600px) {
+      padding: 1rem 0.25rem;
+      margin-top: 1.25rem;
+      font-size: 0.85rem !important;
+      // display: block;
+    }
   }
 }
 
@@ -142,7 +273,7 @@
 
     .link {
       text-decoration: none;
-      color: inherit
+      color: inherit;
     }
   }
-}
+}