chore: fixed syntax

src/components/Embed.jsx

@@ -72,7 +72,7 @@ const TwitterEmbed = ({ parsedUrl }) => {
       allow='accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share'
       title={parsedUrl.href}
       srcdoc={`
-      <blockquote class="twitter-tweet" data-theme="dark">
+      <blockquote className="twitter-tweet" data-theme="dark">
         <a href="${parsedUrl.href.replace('x.com', 'twitter.com')}"></a>
       </blockquote>
       <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
@@ -101,7 +101,7 @@ const RedditEmbed = ({ parsedUrl }) => {
           margin: 0!important;
         }
       </style>
-      <blockquote class="reddit-embed-bq" style="height:240px" data-embed-theme="dark">
+      <blockquote className="reddit-embed-bq" style="height:240px" data-embed-theme="dark">
         <a href="${parsedUrl.href}"></a>    
       </blockquote>
       <script async src="https://embed.reddit.com/widgets.js" charset="UTF-8"></script>
@@ -152,7 +152,7 @@ const TiktokEmbed = ({ parsedUrl }) => {
       allow='accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share'
       title={parsedUrl.href}
       srcdoc={`
-      <blockquote class="tiktok-embed" data-video-id="${videoId}">
+      <blockquote className="tiktok-embed" data-video-id="${videoId}">
         <a></a>
       </blockquote> 
       <script async src="https://www.tiktok.com/embed.js"></script>
@@ -177,7 +177,7 @@ const InstagramEmbed = ({ parsedUrl }) => {
       allow='accelerometer; encrypted-media; gyroscope; picture-in-picture; web-share'
       title={parsedUrl.href}
       srcdoc={`
-      <blockquote class="instagram-media">
+      <blockquote className="instagram-media">
         <a href="https://www.instagram.com/p/${id}/"></a>
       </blockquote>
       <script async src="//www.instagram.com/embed.js"></script>

src/components/views/Home.jsx

@@ -100,9 +100,9 @@ const Home = () => {
   });
 
   const sfwListCids = Object.values(subplebbitToCid)
-    .sort((a, b) => b.timestamp - a.timestamp) // Sort by timestamp
+    .sort((a, b) => b.timestamp - a.timestamp)
-    .map((item) => item.cid) // Extract cids
+    .map((item) => item.cid)
-    .slice(0, 8); // Limit to 8 cids
+    .slice(0, 8);
 
   const account = useAccount();
   const navigate = useNavigate();
@@ -201,8 +201,8 @@ const Home = () => {
             <div className='boxbar'>
               <h2>Boards</h2>
             </div>
-            <div class='boxcontent'>
+            <div className='boxcontent'>
-              <div class='column'>
+              <div className='column'>
                 <h3 style={{ textDecoration: 'underline', display: 'inline' }}>
                   <a
                     href='https://github.com/plebbit/temporary-default-subplebbits'
@@ -248,7 +248,7 @@ const Home = () => {
                   )}
                 </ul>
               </div>
-              <div class='column'>
+              <div className='column'>
                 <h3 style={{ textDecoration: 'underline', display: 'inline' }}>
                   <a
                     href='https://github.com/plebbit/temporary-default-subplebbits'
@@ -285,7 +285,7 @@ const Home = () => {
                   )}
                 </ul>
               </div>
-              <div class='column'>
+              <div className='column'>
                 <h3 style={{ textDecoration: 'underline', display: 'inline' }}>Subscriptions</h3>
                 &nbsp;
                 <Link
@@ -324,7 +324,7 @@ const Home = () => {
                   )}
                 </ul>
               </div>
-              <div class='column'>
+              <div className='column'>
                 <h3 style={{ textDecoration: 'underline', display: 'inline' }}>Moderating</h3>
                 <ul>
                   {!isElectron ? (