Merge pull request #48 from Divya8210-d/main

UI fixes in The About page

Author: CipherYuvraj

frontend/package-lock.json

@@ -14,7 +14,7 @@
     "axios": "^1.3.4",
     "chart.js": "^4.2.1",
     "d3": "^7.8.2",
-    "framer-motion": "^10.0.1",
+    "framer-motion": "^10.18.0",
     "lucide-react": "^0.323.0",
     "monaco-editor": "^0.36.1",
     "postcss": "^8.4.21",

frontend/package.json

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import TutorialStep from './TutorialStep';
 import TutorialProgress from './TutorialProgress';
 import TutorialQuiz from './TutorialQuiz';
+import { getTutorialById } from '../../services/api';
 
 const TutorialLayout = ({ tutorialId }) => {
   const [currentTutorial, setCurrentTutorial] = useState(null);

frontend/src/components/Tutorial/TutorialLayout.jsx

@@ -191,7 +191,7 @@ const About = () => {
                   }
                 `}
               >
-                <div className="w-20 h-20 rounded-full bg-gradient-to-r from-blue-500 to-purple-600 flex items-center justify-center mx-auto mb-4">
+                <div className="w-30 h-30 rounded-3xl bg-gradient-to-r from-blue-500 to-purple-600 flex items-center justify-center mx-auto mb-4">
                   <Users className="h-10 w-10 text-white" />
                 </div>
                 <h3 className={`text-xl font-semibold mb-2 ${