Pleae helpme edit my dart code to make my app look like the provided picture. import 'package:flutter$/$material$.$dart';

import 'dart:math';

import 'package:shared$\_$preferences$/$shared$\_$preferences.dart';

void main$()\{$

runApp$($MyApp$())$;

$\}$

class MyApp extends StatelessWidget $\{$

@override

Widget build$($BuildContext context$)\{$

return MaterialApp$($

title: 'Random Student Picker',

theme: ThemeData$($

primarySwatch: Colors.blue,

$),$

home: RandomStudentPicker$(),$

$)$;

$\}$

$\}$

class RandomStudentPicker extends StatefulWidget $\{$

@override

$\_$RandomStudentPickerState createState$()=>\_$RandomStudentPickerState$()$;

$\}$

class $\_$RandomStudentPickerState extends State $\{$

final List students $=[]$;

final List hiddenStudents $=[]$;

String selectedStudent $=\text{'}\text{'}$;

@override

void initState$()\{$

super.initState$()$;

$\_$loadStudents$()$;

$\}$

Future $\_$loadStudents$()$ async $\{$

SharedPreferences prefs $=$ await SharedPreferences.getInstance$()$;

setState$(()\{$

students.addAll$($prefs$.$getStringList$(\text{'}$students$\text{'})??[])$;

hiddenStudents.addAll$($prefs$.$getStringList$(\text{'}$hiddenStudents$\text{'})??[])$;

$\})$;

$\}$

Future $\_$saveStudents$()$ async $\{$

SharedPreferences prefs $=$ await SharedPreferences.getInstance$()$;

await prefs.setStringList$(\text{'}$students$\text{'},$ students$)$;

await prefs.setStringList$(\text{'}$hiddenStudents$\text{'},$ hiddenStudents$)$;

$\}$

void pickRandomStudent$()\{$

setState$(()\{$

final List visibleStudents $=$

students.where$(($student$)=>!$hiddenStudents.contains$($student$)).$toList$()$;

if $($visibleStudents$.$isNotEmpty$)\{$

final Random random $=$ Random$()$;

selectedStudent $=$ visibleStudents$[$random$.$nextInt$($visibleStudents$.$length$)]$;

print$(\text{'}$Selected Student: $selectedStudent'$)$;

$\}$ else $\{$

print$(\text{'}$No visible students available'$)$;

$\}$

$\})$;

$\}$

void toggleVisibility$($String student$)\{$

setState$(()\{$

if $($hiddenStudents$.$contains$($student$))\{$

hiddenStudents.remove$($student$)$;

$\}$ else $\{$

hiddenStudents.add$($student$)$;

$\}$

$\_$saveStudents$()$;

$\})$;

$\}$

void addName$($String name$)\{$

setState$(()\{$

students.add$($name$)$;

$\_$saveStudents$()$;

$\})$;

$\}$

void deleteStudent$($String student$)\{$

setState$(()\{$

students.remove$($student$)$;

hiddenStudents.remove$($student$)$; $//$ Remove from hidden list as well

$\_$saveStudents$()$;

$\})$;

$\}$

@override

Widget build$($BuildContext context$)\{$

return Scaffold$($

appBar: AppBar$($

title: Text$(\text{'}$Random Student Picker'$),$

actions: $[$

IconButton$($

icon: Icon$($Icons$.$settings$),$

onPressed: $()\{$

ScaffoldMessenger.of$($context$).$showSnackBar$($

SnackBar$($

content: Text$(\text{'}$Settings will be coming soon'$),$

$),$

$)$;

$\},$

$),$

IconButton$($

icon: Icon$($Icons$.$info$),$

onPressed: $()\{$

$//$ Navigate to about screen

Navigator.push$($

context,

MaterialPageRoute$($builder: $($context$)=>$ AboutScreen$()),$

$)$;

$\},$

$),$

$],$

$),$

body: ListView.builder$($

itemCount: students.length,

itemBuilder: $($context$,$ index$)\{$

final student $=$ students$[$index$]$;

return Dismissible$($

key: Key$($student$),$

onDismissed: $($direction$)\{$

deleteStudent$($student$)$;

$\},$

background: Container$($

color: Colors.red,

child: Icon$($Icons$.$delete$),$

alignment: Alignment.centerRight,

$),$

child: ListTile$($

title: Text$($student$),$

onTap: $()\{$

toggleVisibility$($student$)$;

$\},$

leading: hiddenStudents.contains$($student$)$

$?$ Icon$($Icons$.$visibility$\_$off$)$

: null,

$),$

$)$;

$\},$

$),$

floatingActionButton: FloatingActionButton$($

onPressed: pickRandomStudent,

tooltip: 'Pick Random Student',

child: Icon$($Icons$.$sync$),$

$),$

$)$;

$\}$

$\}$

class AboutScreen extends StatelessWidget $\{$

@override

Widget build$($BuildContext context$)\{$

return Scaffold$($

appBar: AppBar$($

title: Text$(\text{'}$About$\text{'}),$

$),$

body: Center$($

child: Column$($

mainAxisAlignment: MainAxisAlignment.center,

children: $[$

Text$($

'CSCI $4350\text{'},$

style: TextStyle$($fontSize: $24),$

$),$

Image.asset$($

'assets$/$piedmont$\_$banner.png$\text{'},$

width: $200,$

height: $200,$

$),$

Text$($

'Date: $$\{$DateTime$.$now$()\}\text{'},$

style: TextStyle$($fontSize: $18),$

$),$

Text$($

'Developer: Your Name',

style: TextSty