make better description

app.py

@@ -39,16 +39,27 @@ input = gr.Sketchpad(
     brush=gr.Brush(colors=["rgb(239, 68, 68)"], color_mode="fixed", default_size=20),
 )
 
-output = gr.Label(num_top_classes=10)
+output = gr.Label(num_top_classes=10, label="Prediction")
 
 demo = gr.Interface(
     fn=predict,
     live=True,
     inputs=input,
-    outputs="label",
-    submit_btn=gr.Button("Predict"),
+    outputs=output,
+    clear_btn=gr.Button("Clear"),
     title="DigitNet",
-    description="A simple handwritten number and letter classifier.\n\nDraw a digit or letter in the box below and see the model's predictions.",
+    description="""Welcome to **DigitNet**, a tool for recognizing handwritten numbers.
+
+### How to Use DigitNet
+
+1. **Draw a Number**: Use the canvas on the left to draw a number (0-9).
+2. **Edit as Needed**: Use the eraser or **Clear** to fix or reset.
+3. **See Prediction**: View the predicted number and confidence score.
+4. **Try Again**: Click **Clear** to draw again.
+
+### Tips for Best Results
+- Draw in the middle of the canvas.
+- Experiment with different writing styles.""",
     flagging_mode="never"
 )