Changed some icons + use langui for search placeholder

src/components/AppLayout.tsx

@@ -37,7 +37,7 @@ export function AppLayout(props: Immutable<Props>): JSX.Element {
     title,
     navTitle,
     description,
-    subPanelIcon,
+    subPanelIcon = "tune",
   } = props;
   const router = useRouter();
   const isMobile = useMediaMobile();
@@ -303,8 +303,6 @@ export function AppLayout(props: Immutable<Props>): JSX.Element {
               ? appLayout.subPanelOpen
                 ? "close"
                 : subPanelIcon
-                ? subPanelIcon
-                : "tune"
               : ""}
           </span>
         </div>

src/graphql/operations/getWebsiteInterface.graphql

@@ -145,6 +145,7 @@ query getWebsiteInterface($language_code: String) {
         subscribers
         description
         available_at
+        search_title
       }
     }
   }

src/pages/contents/index.tsx

@@ -75,7 +75,7 @@ export default function Contents(props: Immutable<Props>): JSX.Element {
         type="text"
         name="name"
         id="name"
-        placeholder="Search title..."
+        placeholder={langui.search_title ?? undefined}
         onChange={(event) => {
           const input = event.target as HTMLInputElement;
           setSearchName(input.value);
@@ -103,7 +103,7 @@ export default function Contents(props: Immutable<Props>): JSX.Element {
         <p className="flex-shrink-0">{langui.combine_related_contents}:</p>
         <Switch
           setState={setCombineRelatedContent}
-          state={combineRelatedContent}
+          state={effectiveCombineRelatedContent}
           disabled={searchName.length > 1}
         />
       </div>
@@ -202,6 +202,7 @@ export default function Contents(props: Immutable<Props>): JSX.Element {
       navTitle={langui.contents}
       subPanel={subPanel}
       contentPanel={contentPanel}
+      subPanelIcon="search"
       {...props}
     />
   );

src/pages/library/index.tsx

@@ -96,7 +96,7 @@ export default function Library(props: Immutable<Props>): JSX.Element {
         type="text"
         name="name"
         id="name"
-        placeholder="Search title..."
+        placeholder={langui.search_title ?? undefined}
         onChange={(event) => {
           const input = event.target as HTMLInputElement;
           setSearchName(input.value);
@@ -219,6 +219,7 @@ export default function Library(props: Immutable<Props>): JSX.Element {
       navTitle={langui.library}
       subPanel={subPanel}
       contentPanel={contentPanel}
+      subPanelIcon="search"
       {...props}
     />
   );