refactor: layout components

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/components/layout/AppLayout.tsx

@@ -3,15 +3,15 @@ import type { FC, ReactNode } from 'react';
 
 import { Sidebar } from '../Sidebar';
 
-interface AppLayoutProps {
+interface IAppLayout {
   children: ReactNode;
 }
 
 /**
  * AppLayout is the main container for the application.
  * It handles the basic layout with sidebar and content area.
  */
-export const AppLayout: FC<AppLayoutProps> = ({ children }) => {
+export const AppLayout: FC<IAppLayout> = ({ children }) => {
   return (
     <Box className="flex flex-col max-h-screen bg-gitify-background">
       <Sidebar />

src/renderer/components/layout/Page.tsx

@@ -1,7 +1,7 @@
 import { Box } from '@primer/react';
 import type { FC, ReactNode } from 'react';
 
-interface PageProps {
+interface IPage {
   children: ReactNode;
   id: string;
 }
@@ -11,7 +11,7 @@ interface PageProps {
  * It creates a column layout for header, content, and footer.
  * The height is 100% to fill the parent container.
  */
-export const Page: FC<PageProps> = ({ children, id }) => {
+export const Page: FC<IPage> = ({ children, id }) => {
   return (
     <Box className="flex flex-col h-screen" data-testid={id}>
       {children}