fix: (#325) typography showing borders for h2 tags and remove domains as the title from the domain page

Author: raghavyuva

view/app/settings/domains/page.tsx

@@ -72,10 +72,7 @@ const Page = () => {
           </Alert>
         ) : domains && domains.length > 0 ? (
           <>
-            <div className="flex justify-between items-center mt-8">
-              <TypographyH2 className="text-xl font-medium text-foreground">
-                {t('settings.domains.page.domainsList.title')}
-              </TypographyH2>
+            <div className="flex justify-end items-center mt-8">
               <ResourceGuard resource="domain" action="create">
                 <Button variant="default" onClick={() => setAddDomainDialogOpen(true)}>
                   {t('settings.domains.page.domainsList.addButton')}

view/components/ui/typography.tsx

@@ -8,7 +8,7 @@ export function TypographyH1({ children, className }: { children: React.ReactNod
 
 export function TypographyH2({ children, className }: { children: React.ReactNode, className?: string }) {
     return (
-        <h2 className={`scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0 ${className}`}>
+            <h2 className={`scroll-m-20 text-3xl font-semibold tracking-tight first:mt-0 ${className}`}>
             {children}
         </h2>
     )