account sidebar urls

frontend/components/ui/Button.tsx

@@ -1,14 +1,23 @@
 import React from 'react'
 import { ButtonProps } from '@/app/types/index'
 
-const Button = ({ onClick, className, text, type }: ButtonProps) => {
+const Button = ({
+  onClick,
+  className,
+  text,
+  type,
+  leftIcon,
+  rightIcon,
+}: ButtonProps) => {
   return (
     <button
       onClick={onClick}
       className={`text-base font-medium rounded-2xl cursor-pointer ${className}`}
       type={type}
     >
+      {leftIcon && <span className="mr-2 flex items-center">{leftIcon}</span>}
       <span>{text}</span>
+      {rightIcon && <span className="ml-2 flex items-center">{rightIcon}</span>}
     </button>
   )
 }