fix: author loading before quote

- Make author div not load if quote is empty
- photoinformation taking too much of the screen
- more transitions and consistent transitions
- running prettier across all files

Co-authored-by: David Ralph <me@davidcralph.co.uk>

src/components/modals/main/settings/sections/background/CustomURLModal.jsx

@@ -1,7 +1,7 @@
-import variables from "modules/variables";
-import { useState } from "react";
-import { MdAdd } from "react-icons/md";
-import { TextField } from "@mui/material";
+import variables from 'modules/variables';
+import { useState } from 'react';
+import { MdAdd } from 'react-icons/md';
+import { TextField } from '@mui/material';
 
 export default function CustomURLModal({ modalClose, modalCloseOnly }) {
   const [url, setURL] = useState();
@@ -14,18 +14,14 @@ export default function CustomURLModal({ modalClose, modalCloseOnly }) {
       <h1>
         {variables.language.getMessage(
           variables.languagecode,
-          "modals.main.settings.sections.background.source.add_url"
+          'modals.main.settings.sections.background.source.add_url',
         )}
       </h1>
-      <TextField
-        value={url}
-        onChange={(e) => setURL(e.target.value)}
-        varient="outlined"
-      />
+      <TextField value={url} onChange={(e) => setURL(e.target.value)} varient="outlined" />
       <div className="resetFooter">
         <button
           className="round import"
-          style={{ marginLeft: "5px" }}
+          style={{ marginLeft: '5px' }}
           onClick={() => modalClose(url)}
         >
           <MdAdd />