feat: adicionar página de anotações arquivadas e componente de notificação

- Implementa a página de anotações arquivadas, que busca as notas
  arquivadas do usuário e as exibe utilizando o componente NotesPage.

- Cria o componente NotificationBell para gerenciar e exibir
  notificações de pagamentos, incluindo a formatação de datas e
  valores monetários. O componente também apresenta um sistema de
  tooltip e dropdown para interação do usuário.

components/money-values.tsx

@@ -7,9 +7,10 @@ import { usePrivacyMode } from "./privacy-provider";
 type Props = {
   amount: number;
   className?: string;
+  showPositiveSign?: boolean;
 };
 
-function MoneyValues({ amount, className }: Props) {
+function MoneyValues({ amount, className, showPositiveSign = false }: Props) {
   const { privacyMode } = usePrivacyMode();
 
   const formattedValue = amount.toLocaleString("pt-BR", {
@@ -18,6 +19,10 @@ function MoneyValues({ amount, className }: Props) {
     maximumFractionDigits: 2,
   });
 
+  const displayValue = showPositiveSign && amount > 0
+    ? `+${formattedValue}`
+    : formattedValue;
+
   return (
     <span
       className={cn(
@@ -27,13 +32,13 @@ function MoneyValues({ amount, className }: Props) {
           "blur-[6px] select-none hover:blur-none focus-within:blur-none",
         className
       )}
-      aria-label={privacyMode ? "Valor oculto" : formattedValue}
+      aria-label={privacyMode ? "Valor oculto" : displayValue}
       data-privacy={privacyMode ? "hidden" : undefined}
       title={
         privacyMode ? "Valor oculto - passe o mouse para revelar" : undefined
       }
     >
-      {formattedValue}
+      {displayValue}
     </span>
   );
 }