Feat: record audio on mobile (#4766)

* feat(audio): render audio link as component

* refactor frontend/component/block/inline

* fix audio component on mobile

* Fix(iOS): allow clock to replay audio

* feat(mobile): audio record

* add permission request code on record

* rename `editor/recording?` to `editor/record-status`

* move `get-asset-path` into handler/editor.cljs

* add android settings

* support sharing audio file from some apps

* enhance(record): insert audio link in a new block if non-editing

* feat(audio): allow cancelling record

* fix lints

* feat(iOS): add a tab bar

* tweak some css on mobile

* fix lints

* fix https://github.com/logseq/logseq/issues/4798

* enable tab bar on Android

* fix landscape height of tab bar

* add :reuse-last-block? option

* dont't show tab bar when editing mirror code

* tweak code-editor css

* increase width for more functional buttons

* fix card preview css on iPad

* add document-mode to tab bar

* remove tabbar when editing code and tweak textarea resize cursor behavior

* reduce SplashScreen launch screen duration

* don't show tabbar when editing page title

* enhance: float timer

* fix lint

* fix tabbar height on iPhone without notch

* remove .embed-page width

* fix lint

Co-authored-by: Andelf <andelf@gmail.com>

src/main/frontend/components/block.css

@@ -183,14 +183,6 @@
   }
  }
 
-html.is-mobile,
-html.is-native-iphone,
-html.is-native-android {
-    .references .block-control {
-        margin-left: -20px;
-    }
-}
-
 .block-ref {
   border-bottom: 0.5px solid;
   border-bottom-color: var(--ls-block-ref-link-text-color);
@@ -242,7 +234,7 @@ html.is-native-android {
 
 .embed-page {
   @apply py-2 my-2 px-2;
-
+  
   > section {
     margin-bottom: 5px;
   }
@@ -565,3 +557,9 @@ a.cloze-revealed {
 .block-parents a:hover {
   opacity: 1;
 }
+
+html.is-native-ios {
+    audio {
+        width: 300px;
+    }
+}