fix: Author Rendering at the Blog page (#1066)

* Changing the tailwindconfig file

* added the changes to blogpage

* resolving include file conflict

* Reverted _includes/community to match upstream/main

* Adding some changes to blogpage

* Some changes in string concatenation

* Adding safelist

* Trying some changes in the code

* Removing the safelist

* Updated the join method

* Adding the purgeble edited file

---------

Co-authored-by: Ritesh Hiremath <[email protected]>

Author: Ritesh2351235

pages/blog/index.page.tsx

@@ -299,40 +299,22 @@ export default function StaticMarkdownPage({
                             items-center
                           `}
                         >
-                          <div
-                            className={`
-                              flex 
-                              flex-row 
-                              pl-2 
-                              mr-2
-                            `}
-                          >
+                          <div className='flex flex-row pl-2 mr-2'>
                             {(frontmatter.authors || []).map(
-                              (author: Author, index: number) => {
-                                const sizeClass =
-                                  frontmatter.authors.length > 2
-                                    ? 'h-8 w-8'
-                                    : 'h-11 w-11';
-                                return (
-                                  <div
-                                    key={index}
-                                    className={[
-                                      'bg-slate-50',
-                                      sizeClass,
-                                      'rounded-full',
-                                      '-ml-3',
-                                      'bg-cover',
-                                      'bg-center',
-                                      'border-2',
-                                      'border-white',
-                                    ].join(' ')}
-                                    style={{
-                                      backgroundImage: `url(${author.photo})`,
-                                      zIndex: 10 - index,
-                                    }}
-                                  />
-                                );
-                              },
+                              (author: Author, index: number) => (
+                                <div
+                                  key={index}
+                                  className={`bg-slate-50 rounded-full -ml-3 bg-cover bg-center border-2 border-white ${
+                                    frontmatter.authors.length > 2
+                                      ? 'h-8 w-8'
+                                      : 'h-11 w-11'
+                                  }`}
+                                  style={{
+                                    backgroundImage: `url(${author.photo})`,
+                                    zIndex: 10 - index,
+                                  }}
+                                />
+                              ),
                             )}
                           </div>