compat: add support for WebView down to version 92, closes #2139 (#2145)

apps/readest-app/src/app/reader/components/Reader.tsx

@@ -142,7 +142,7 @@ const Reader: React.FC<{ ids?: string }> = ({ ids }) => {
     <div
       className={clsx(
         `reader-page bg-base-100 text-base-content select-none overflow-hidden`,
-        appService?.isIOSApp ? 'h-[100vh]' : 'h-dvh',
+        'h-[100vh] supports-[height:100dvh]:h-[100dvh]',
         appService?.hasRoundedWindow && isRoundedWindow && 'window-border rounded-window',
       )}
     >

apps/readest-app/src/app/reader/components/ReaderContent.tsx

@@ -1,6 +1,5 @@
 'use client';
 
-import clsx from 'clsx';
 import React, { useEffect, useRef, useState } from 'react';
 import { useRouter, useSearchParams } from 'next/navigation';
 
@@ -185,7 +184,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
     setTimeout(() => setLoading(true), 200);
     return (
       loading && (
-        <div className={clsx('hero hero-content', appService?.isIOSApp ? 'h-[100vh]' : 'h-dvh')}>
+        <div className='hero hero-content h-[100vh] supports-[height:100dvh]:h-[100dvh]'>
           <Spinner loading={true} />
         </div>
       )
@@ -193,7 +192,7 @@ const ReaderContent: React.FC<{ ids?: string; settings: SystemSettings }> = ({ i
   }
 
   return (
-    <div className={clsx('reader-content flex', appService?.isIOSApp ? 'h-[100vh]' : 'h-dvh')}>
+    <div className='reader-content flex h-[100vh] supports-[height:100dvh]:h-[100dvh]'>
       <SideBar onGoToLibrary={handleCloseBooksToLibrary} />
       <BooksGrid bookKeys={bookKeys} onCloseBook={handleCloseBook} />
       <Notebook />