Refactor mutation GQL methods to service class and display organization name (#53)

* Refactor mutation methods to service class

* Refactor database methods to service class

* Display organization name in sidebar

* Handle review comments

---------

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

packages/frontend/src/components/Sidebar.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import { Link, NavLink } from 'react-router-dom';
+import { Organization } from 'gql-client';
 
 import { Card, CardBody, Typography } from '@material-tailwind/react';
 
-const Sidebar = () => {
+const Sidebar = ({ organization }: { organization: Organization }) => {
   return (
     <div className="flex flex-col h-full p-4">
       <div className="grow">
@@ -13,8 +14,12 @@ const Sidebar = () => {
           </Link>
         </div>
         <Card className="-ml-1 my-2">
-          <CardBody className="p-1 py-2">
-            <Typography>Organization</Typography>
+          <CardBody className="p-1 py-2 flex gap-2">
+            <div>^</div>
+            <div>
+              <Typography>{organization.name}</Typography>
+              <Typography>Organization</Typography>
+            </div>
           </CardBody>
         </Card>
         <div>