Update README after implementation of authentication (#101)

* Update README

* Add tooltip to display ethereum address

* Update README for production deployment

---------

Co-authored-by: neeraj <neeraj.rtly@gmail.com>

packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx

@@ -16,6 +16,7 @@ import {
   Typography,
   Chip,
   ChipProps,
+  Tooltip,
 } from '@material-tailwind/react';
 
 import { relativeTimeMs } from '../../../../utils/time';
@@ -119,7 +120,9 @@ const DeploymentDetailsCard = ({
       <div className="col-span-2 flex items-center">
         <Typography color="gray" className="grow">
           ^ {relativeTimeMs(deployment.createdAt)} ^{' '}
-          {formatAddress(deployment.createdBy.name ?? '')}
+          <Tooltip content={deployment.createdBy.name}>
+            {formatAddress(deployment.createdBy.name ?? '')}
+          </Tooltip>
         </Typography>
         <Menu placement="bottom-start">
           <MenuHandler>

packages/frontend/src/components/projects/project/settings/MemberCard.tsx

@@ -83,9 +83,9 @@ const MemberCard = ({
       <div>^</div>
       <div className="basis-1/2">
         {member.name && (
-          <Typography variant="small">
+          <Tooltip content={member.name}>
             {formatAddress(member.name ?? '')}
-          </Typography>
+          </Tooltip>
         )}
         <Tooltip content={member.email}>
           <p>

packages/frontend/src/pages/org-slug/projects/id/Overview.tsx

@@ -3,7 +3,13 @@ import { Domain, DomainStatus } from 'gql-client';
 import { useNavigate, useOutletContext } from 'react-router-dom';
 import { RequestError } from 'octokit';
 
-import { Typography, Button, Chip, Avatar } from '@material-tailwind/react';
+import {
+  Typography,
+  Button,
+  Chip,
+  Avatar,
+  Tooltip,
+} from '@material-tailwind/react';
 
 import ActivityCard from '../../../../components/projects/project/ActivityCard';
 import { relativeTimeMs } from '../../../../utils/time';
@@ -158,7 +164,9 @@ const OverviewTabPanel = () => {
               <p>^ Created</p>
               <p>
                 {relativeTimeMs(project.deployments[0].createdAt)} by ^{' '}
-                {formatAddress(project.deployments[0].createdBy.name ?? '')}
+                <Tooltip content={project.deployments[0].createdBy.name}>
+                  {formatAddress(project.deployments[0].createdBy.name ?? '')}
+                </Tooltip>
               </p>
             </div>
           </>