Added registration and settings page

src/pages/Dashboard.jsx

@@ -1,5 +1,5 @@
 import React, {useEffect, useState} from 'react';
-import {useNavigate} from 'react-router-dom';
+import {Link, useNavigate} from 'react-router-dom';
 import {useTranslation} from 'react-i18next';
 
 const Dashboard = () => {
@@ -83,9 +83,15 @@ const Dashboard = () => {
                     <div className="bg-white dark:bg-slate-800 h-40 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 flex items-center justify-center">
                         <span className="text-slate-400 dark:text-slate-500">Tile 2 (Coming soon)</span>
                     </div>
-                    <div className="bg-white dark:bg-slate-800 h-40 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 flex items-center justify-center">
-                        <span className="text-slate-400 dark:text-slate-500">Settings (Coming soon)</span>
-                    </div>
+                    <Link
+                        to="/settings"
+                        className="bg-white dark:bg-slate-800 h-40 rounded-xl shadow-sm border border-slate-200 dark:border-slate-700 flex flex-col items-center justify-center hover:border-blue-500 dark:hover:border-blue-500 transition-colors"
+                    >
+                        <i className="mdi mdi-cog text-4xl text-slate-500 dark:text-slate-400 mb-2"></i>
+                        <span className="text-slate-700 dark:text-slate-300 font-semibold">
+                            {t('SETTINGS.TITLE')}
+                        </span>
+                    </Link>
                 </div>
 
             </div>