(refactor) Fix Quit Atlassify Button Styling And Other Misc Changes

Quit button had primary color as white which hid the cross icon inside it.
In the Login/Welcome page, updated margins of the text and icons row to be snug
Replaced Atlassian and Bell Icon logos with Atlas logo

README.md

@@ -57,7 +57,7 @@ I would like to acknowledge the following projects and resources that have inspi
 [downloads-latest-badge]: https://img.shields.io/github/downloads/setchy/atlassify/latest/total?logo=github
 [contributors-badge]: https://img.shields.io/github/contributors/setchy/atlassify?logo=github
 [librariesio]: https://libraries.io/
-[librariesio-badge]: https://img.shields.io/librariesio/github/setchy/atlasify?logo=librariesdotio
+[librariesio-badge]: https://img.shields.io/librariesio/github/setchy/atlassify?logo=librariesdotio
 [license]: LICENSE
 [license-badge]: https://img.shields.io/github/license/setchy/atlassify?logo=github
 [github-release-badge]: https://img.shields.io/github/v/release/setchy/atlassify?logo=github

src/components/Sidebar.tsx

@@ -234,11 +234,7 @@ export const Sidebar: FC = () => {
               <IconButton
                 label="Quit Atlassify"
                 icon={(iconProps) => (
-                  <CrossCircleIcon
-                    {...iconProps}
-                    size="medium"
-                    primaryColor="white"
-                  />
+                  <CrossCircleIcon {...iconProps} size="medium" />
                 )}
                 shape="circle"
                 onClick={() => quitApp()}

src/routes/Login.tsx

@@ -2,8 +2,8 @@ import { type FC, useContext, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import Button from '@atlaskit/button/new';
-import NotificationAllIcon from '@atlaskit/icon/glyph/notification-all';
 import {
+  AtlasIcon,
   AtlassianIcon,
   BitbucketIcon,
   CompassIcon,
@@ -31,15 +31,14 @@ export const LoginRoute: FC = () => {
   return (
     <div className="flex flex-1 flex-col items-center justify-center p-4">
       <div>
-        <AtlassianIcon appearance="brand" size="xlarge" />{' '}
-        <NotificationAllIcon label="" size="xlarge" />
+        <AtlasIcon appearance="brand" size="xlarge" />{' '}
       </div>
 
-      <div className="my-4 px-2.5 py-1.5 text-center font-semibold">
+      <div className="my-2 px-2.5 py-1.5 text-center font-semibold">
         <div>
-          Atlassian Notifications <br /> on your menu bar.
+          Atlassian notifications <br /> on your menu bar
         </div>
-        <div className="flex items-center justify-center gap-2">
+        <div className="my-2 flex items-center justify-center gap-2">
           <BitbucketIcon size="small" appearance="neutral" />
           <ConfluenceIcon size="small" appearance="neutral" />
           <CompassIcon size="small" appearance="neutral" />