feat: add in prettier and format code for consistency (#168)

components/Mobile/Navbar.tsx

@@ -1,18 +1,23 @@
-import { Conversation } from "@/types";
-import { IconPlus } from "@tabler/icons-react";
-import { FC } from "react";
+import { Conversation } from '@/types';
+import { IconPlus } from '@tabler/icons-react';
+import { FC } from 'react';
 
 interface Props {
   selectedConversation: Conversation;
   onNewConversation: () => void;
 }
 
-export const Navbar: FC<Props> = ({ selectedConversation, onNewConversation }) => {
+export const Navbar: FC<Props> = ({
+  selectedConversation,
+  onNewConversation,
+}) => {
   return (
-    <nav className="flex justify-between bg-[#202123] py-3 px-4 w-full">
+    <nav className="flex w-full justify-between bg-[#202123] py-3 px-4">
       <div className="mr-4"></div>
 
-      <div className="max-w-[240px] whitespace-nowrap overflow-hidden text-ellipsis">{selectedConversation.name}</div>
+      <div className="max-w-[240px] overflow-hidden text-ellipsis whitespace-nowrap">
+        {selectedConversation.name}
+      </div>
 
       <IconPlus
         className="cursor-pointer hover:text-neutral-400"