feat: selectable text on stats, change log, and about pages

src/features/misc/sections/About.jsx

@@ -132,7 +132,7 @@ class About extends PureComponent {
 
   render() {
     return (
-      <>
+      <div className="modalInfoPage">
         <div className="settingsRow" style={{ justifyContent: 'center' }}>
           <div style={{ display: 'flex', flexFlow: 'column', gap: '5px' }}>
             <img
@@ -383,7 +383,7 @@ class About extends PureComponent {
             ))}
           </ul>
         </div>
-      </>
+      </div>
     );
   }
 }

src/features/misc/sections/Changelog.jsx

@@ -133,7 +133,7 @@ class Changelog extends PureComponent {
     }
 
     return (
-      <div className="changelogtab" ref={this.changelog}>
+      <div className="modalInfoPage changelogtab" ref={this.changelog}>
         <span className="mainTitle">{this.state.title}</span>
         <span className="subtitle">Released on {this.state.date}</span>
         {this.state.image && (

src/features/stats/options/StatsOptions.jsx

@@ -111,7 +111,7 @@ const Stats = () => {
           resetStats={resetStats}
         />
       </Modal>
-      <div className="stats">
+      <div className="modalInfoPage stats">
         <div className="statSection rightPanel">
           <div className="statIcon">
             <MdShowChart />