Small UI adjustments

src/components/templates/Goodbye.tsx

@@ -1,17 +1,17 @@
-import * as React from "react";
 import {
   Body,
   Container,
   Head,
   Heading,
-  Html,
-  Preview,
-  Text,
   Hr,
-  Tailwind,
-  Section,
+  Html,
   Img,
+  Preview,
+  Section,
+  Tailwind,
+  Text,
 } from "@react-email/components";
+import * as React from "react";
 
 interface GoodbyeTemplateProps {
   name: string;

src/pages/profile/index.tsx

@@ -1,15 +1,14 @@
-import { type NextPage } from "next";
-import Image from "next/image";
+import { type GetServerSideProps, type NextPage } from "next";
 import Head from "next/head";
-import { type GetServerSideProps } from "next";
+import Image from "next/image";
 
-import { getServerAuthSession } from "../../server/auth";
-import { api } from "~/utils/api";
 import { signIn, useSession } from "next-auth/react";
 import { useRouter } from "next/router";
 import { useEffect, useState } from "react";
-import { SiGoogle, SiGithub } from "react-icons/si";
 import { FaShieldAlt } from "react-icons/fa";
+import { SiGithub, SiGoogle } from "react-icons/si";
+import { api } from "~/utils/api";
+import { getServerAuthSession } from "../../server/auth";
 
 export const getServerSideProps: GetServerSideProps = async (ctx) => {
   const session = await getServerAuthSession(ctx);
@@ -117,11 +116,14 @@ const ProfileBody: React.FC = () => {
             <h2 className="card-title">Profile:</h2>
             { sessionData.user.image && (
               <div className="indicator mx-auto m-4">
+                { sessionData.user.role === "ADMIN" && (
                   <span className="indicator-item indicator-bottom badge badge-primary">
                     <div className="tooltip tooltip-primary" data-tip="Admin">
                       <FaShieldAlt className="text-xl" />
                     </div>
                   </span>
+                ) }
+
                 <Image
                   className="mx-auto"
                   src={ sessionData.user.image }

src/pages/room/[id].tsx

@@ -338,8 +338,7 @@ const RoomBody: React.FC = () => {
                   return (
                     <button
                       key={ index }
-                      className={`join-item ${
-                        getVoteForCurrentUser()?.value === scaleItem
+                      className={ `join-item ${getVoteForCurrentUser()?.value === scaleItem
                           ? "btn btn-active btn-primary"
                           : "btn"
                         }` }